Question

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

使用步骤

labels: {
   step: <number> 
}

有助于防止出现这个问题，但我更喜欢高图自动计算，无论如何我可以避免显示超出类别数组长度的索引吗？

Answer 1

我认为这是由yAxis.endOnTick引起的，默认设置为true：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;
}

Highcharts：限制类别轴上的第n个标签

1 个答案: