2016-03-03 39 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