Highcharts y轴的最大值不是我预期的

时间:2017-04-20 13:27:00

标签: javascript highcharts

请查看此highcharts yAxis配置:

yAxis: [{
  max: 4,
  tickAmount: 4,
  tickInterval: 1,
  endOnTick: false
}],

小提琴:https://jsfiddle.net/TedLilljegren/8fx9u9v7/

如您所见,小提琴使用highcharts.js显示列图。 我的问题是:
yAxis的最小值为0,非常有意义,但最大值为6!
那是为什么?
我已将yAxis的最大值设置为4,小于6,另外我将tickInterval设置为1,tickAmount为4,这应该导致最大y极值为4!
据我所知,yAxis在数组中与此问题无关,endOnTick也没有。
如果有人能帮助我理解这一点,我真的很感激!

1 个答案:

答案 0 :(得分:0)

设置tickAmount时,可以延长轴max的值;来自docs

  

如果设置了tickAmount,则轴可能会超出设置的最大值   为了达到给定的刻度数。同样可能发生在一个   具有多个轴的图表,由chart.alignTicks确定,其中a   tickAmount在内部应用。

如果您移除tickAmount,则max值不会受到影响。



Highcharts.chart('container', {
  yAxis: [{
    max: 4,
    tickInterval: 1
  }],
  chart: {
    type: "column",
  },
  series: [{
    data: [9, 0, 1]
  }]
});

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px; max-width: 800; margin: 0 auto"></div>
&#13;
&#13;
&#13;