2013-10-07 54 views
3

我有一個關於longcharts中長標籤的問題。Highcharts long labels

如果你看看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馬捷

回答

8

可以使用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