我如何强制Highcharts尊重yAxis.max？

Question

我注意到如果我在Highcharts电话中指定yAxis.max：

  $('#container').highcharts({
    //snip...
    yAxis: {
      max: 30000,
      minorGridLineWidth: 1,
      minorTickInterval: 10000,
      title: {
        enabled: false
      }
    },
    //snip...
  });

结果图表将yAxis范围限制为30000：

但是，如果我在图表的目标容器上指定了一个有点短的height：

<div id="container" style="height:126px; width:420px;"></div>

结果图表不会＆＃34;荣誉＆＃34; yAxis max属性：

请参阅https://jsfiddle.net/jhfrench/kpf2b3Lf/以获取示例。

当我指定一个较短的高度时，如何强制Highcharts尊重yAxis.max？

Answer 1

您可以手动选择tickInterval以强制高级图表尊重轴最大值。如果容器的大小不变，这应该有效。

这是一个更新的小提琴：https://jsfiddle.net/kpf2b3Lf/1/

yAxis: {
  max: 30000,
  minorGridLineWidth: 1,
  minorTickInterval: 10000,
  tickInterval: 10000,
  title: {
    enabled: false
  }
},