Question

我对highcharts中的长标签有疑问。

如果你看http://jsfiddle.net/xeHyB/，你可以看到很长的标签，是什么让长标签可见，图表非常小 - 没用。

 xAxis: {
            categories: ['Bla bla bla label, bla bla Bla bla bla label, bla bla Bla bla bla label Bla bla bla label, bla ', 'Bla bla bla label, bla bla', 'Bla bla bla label, bla bla', 'Bla bla bla label Bla bla bla label, bla bla Bla bla bla label, bla bla, bla bla', 'Bla bla bla label, bla bla', 'Bla bla bla label, bla bla']
        },

我希望标签很短，而且elipsis和图表会更大，但在工具提示中我希望看到整个标签。

这甚至可能吗？

最佳Reagrds Matej

Answer 1

您可以使用label formatter function选项以任何方式格式化标签：

       xAxis: {
            categories: ['Bla bla bla label, bla bla Bla bla bla label, bla bla Bla bla bla label Bla bla bla label, bla ', 'Bla bla bla label, bla bla', 'Bla bla bla label, bla bla', 'Bla bla bla label Bla bla bla label, bla bla Bla bla bla label, bla bla, bla bla', 'Bla bla bla label, bla bla', 'Bla bla bla label, bla bla'],
            labels:{
                formatter: function(){
                    if (this.value.length > 10){
                        return this.value.substr(0,10) + "...";
                    }else{
                         return this.value;   
                    }                        
                }
            }
        },

更新了小提琴here。

Highcharts长标签

1 个答案: