2015-05-05 24 views
3

我想顯示每x軸的標籤,你可以看到它的只顯示每隔一個:無論空間限制如何,我如何強制highcharts顯示每個x軸標籤?

http://jsfiddle.net/f48cjf01/2/

相關的代碼:

xAxis: { 
    categories: _.pluck(_mainData, "number") 
    , labels: { 
     rotation: 290 
     , step: 1 //show every tick regardless of spacing 
     , align: 'right' 
    } 
} 

什麼我需要是否顯示每個勾號? (我知道這可能看起來很醜陋這裏考慮有多麼小的空間...但我想迫使它仍然)

回答

7

一種解決方案是使用tickPositioner功能,並指定每一個指標:

xAxis: { 
    tickPositioner: function() { 
     var result = []; 
     for(i = 0; i < _mainData.length; i++) 
      result.push(i); 
     return result; 
    } 
} 

請參閱this JSFiddle example。使用時可以刪除xAxis.labels.step

起初tickInterval看起來容易,但不幸的是,因爲下面的註釋不起作用:

如果tickInterval過於密集,無法得出標籤,Highcharts可以去除蜱。

+0

最新版本的Highcharts似乎解決了這個問題。然而,對於那些生活在石器時代的人來說,這真是太好了。 – Wondercricket

相關問題