如何使用 tickInterval：Highcharts 中具有最小值和最大值的数字

Question

如何使用 tickInterval：Highcharts 中具有最小值和最大值的数字

我必须在我的 y 轴上显示唯一的 3 个值，但现在我在我的 y 轴上得到 5 个值。

xAxis: {
    gridLineWidth: 1
},

yAxis: {
    startOnTick: false,
    endOnTick: false
},

JsFiddle

Answer 1

tickInterval 属性可能对您有所帮助（参见 http://api.highcharts.com/highcharts/yAxis.tickInterval）。

在您的情况下，如果您只希望 y 轴上有三个值，则需要找出绘制在该轴上的最低（最小）值和最高（最大值）值，然后设置tickInterval 的值仅显示三行。

这是一个使用您的 fiddle 的示例：https://jsfiddle.net/brightmatrix/cscp8yef/7/

yAxis: {
    startOnTick: false,
    endOnTick: false, 
    min: -10, 
    max: 120, 
    tickInterval: 50
},

我使用 min 和 max 强制设置 y 轴的起始值和结束值，并使用 tickInterval 显示正确的行数。

结果如下：

对于您的图表类型（气泡），将 startOnTick 和 endOnTick 都设置为 false 可能有助于确保气泡有足够的空间绘制。

希望以上内容对您有用！