如何使用tickInterval：Highcharts中的Number以及Minimum和Maximum值

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的值，仅显示三行。

以下是使用小提琴的示例：https://jsfiddle.net/brightmatrix/cscp8yef/7/

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

我使用min和max来强制y轴的起点和终点值，并使用tickInterval来显示正确的行数。

结果如下：

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

我希望这对你有用！