如何强制 Highcharts 尊重 yAxis.max？答案

【问题标题】：How can I force Highcharts to respect yAxis.max?如何强制 Highcharts 尊重 yAxis.max？
【发布时间】：2016-02-19 01:52:22
【问题描述】：

我注意到，如果我在 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>

生成的图表不会“尊重” yAxis max 属性：

有关示例，请参阅https://jsfiddle.net/jhfrench/kpf2b3Lf/。

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

【问题讨论】：

将 endOnTick 设置为 false：jsfiddle.net/kpf2b3Lf/2 如果您想要最后一个刻度，请参阅 this question。

标签： highcharts

【解决方案1】：

您可以手动选择tickInterval 以强制高图尊重轴最大值。如果容器的大小是恒定的，这应该可以工作。

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

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

【讨论】：