Highcharts 图表在浏览器调整大小时不断增加其高度

Question

我的网络应用程序上有几个 Highcharts 图表。这是一个 Laravel 和 Vue.js 应用程序（构建在 Laravel Spark 之上）。我正在使用 Highcharts 6.1.1 和 vue2-highcharts (uperman66/vue-highcharts)。

当我调整浏览器的宽度时（一个实际案例是在移动设备上改变方向），我看到图表的高度不断增加。而且，我猜想因此，Highcharts 不断减少tickInterval（未设置 - 默认值）yAxis。

这是页面加载时的外观：

但调整宽度后：

好吧，图表太高了，无法截取一张屏幕截图。

我试图重现CodeSandbox 中的错误，它在那里工作正常。知道为什么会这样吗？

Answer 1

我仍然不知道为什么 Highcharts 会这样，但我有一个解决方法。我已将图表的高度明确设置为 400，现在可以使用。

...
chart: {
    ...
    height: 400
},
...