2016-03-03 36 views
0

我有一個類別軸,其中類別顯示在y軸上。顯示的標籤由類別陣列中的高級圖自動選擇。類別的索引決定了軸上顯示的標籤。該指數是由高位圖自動計算的,並且它的表現相當不錯。但是有時候下一個索引會超出類別數組的長度,當發生這種情況時,索引號會顯示在軸上。這使其在其他標籤中看起來很糟糕。Highcharts:限制類別軸上的第n個標籤

使用步驟

labels: { 
    step: <number> 
} 

有助於防止這個問題,但我更喜歡highcharts自動計算,有反正我能避免顯示超過了類別陣列的長度的索引?

回答

1

我認爲這是由於這是默認設置爲true yAxis.endOnTick造成的:https://jsfiddle.net/ky40k1mk/3/ VS https://jsfiddle.net/ky40k1mk/2/

當然,而不是刪除最後一跳(所以這個表將結束無處),我們可以更換最後一跳,使用xAxis.tickPositioner,看演示:https://jsfiddle.net/ky40k1mk/4/(或:https://jsfiddle.net/ky40k1mk/5/

而且tickPositioner

tickPositioner: function() { 
    var ticks = this.tickPositions, 
     last = ticks.length - 1; 

    if (ticks[last] > this.dataMax) { 
    ticks.splice(last, 1, this.dataMax); // replace last tick with current max 
    } 
    return ticks; 
} 
+0

謝謝,最後剔現在在正確的地方結束,但它有點太近了。如果有一種方法可以像其他人一樣製造這種制服,那麼這太棒了。否則這是一個很好的解決方法。 Hope Highcharts團隊很快就解決了這個問題 – Abbas