javascript - Highcharts 系列图以刻度开始和结束，以最大值结束

Question

我想要一个 highcharts 图表，在刻度上开始和结束，并且最终的 x 限制等于最大值。

即使我的配置有：

    max: 11,
    endOnTick: true

我发现图形的实际最终值为 12。如何在不将 endOnTick 更改为 false 的情况下使其变为 11？

例子：

http://jsfiddle.net/5VVMm/

提前致谢。

Answer 1

最简单的方法是使用预定义tickInterval的，以下会做：

xAxis: {
    min: 0,
    step: 2,
    max: 11,
    startOnTick: true,
    endOnTick: true,
    tickInterval: 1
}

使用有点棘手tickPixelInterval，在你的情况下 50 就可以了。

如果您的图表是可缩放/可缩放的，事情会变得更加复杂。您必须编写自定义事件处理程序来更新这些属性，以确保您tickInterval深入到您的数据范围（如果可能的话，即数据范围是整数，而不是浮点数），以确保您的最后一个刻度等于最大轴值。