javascript - Highcharts:限制类别轴上的第 n 个标签

Question

我有一个类别轴，其中类别显示在 y 轴上。显示的标签由 highcharts 从类别数组中自动选择。类别的索引决定了轴上显示的标签。该指数是由 highcharts 自动计算的，并且做得相当不错。但有时下一个索引会超出类别数组的长度，当发生这种情况时，索引号会显示在轴上。这使得它在其他标签中显得很糟糕。

使用步骤

labels: {
   step: <number> 
}

有助于防止此问题，但我更喜欢 highcharts 自动计算，是否可以避免显示超出类别数组长度的索引？

Answer 1

我认为这是由默认设置为 true 的 yAxis.endOnTick 引起的:https://jsfiddle.net/ky40k1mk/3/与 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;
}