高图图表在调整浏览器大小时不断提高高度

Question

我的Web应用程序上有几个Highcharts图表。这是一个Laravel和Vue.js应用程序（建立在Laravel Spark的顶部）。我正在使用Highcharts 6.1.1和vue2-highcharts（uperman66 / vue-highcharts）。

当我调整浏览器的宽度大小（实际情况是在移动设备上改变方向）时，我发现图表的高度一直在增加。而且，据此，Highcharts会不断减少tickInterval的{​​{1}}（未设置-默认值）。

页面加载后的外观如下：

但是调整宽度后：

好吧，图表太高，无法拍摄一张截图。

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

Answer 1

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

MongoCollection<Document> collection = mongoClient.getDatabase("...").getCollection("...");

Document document = collection.find().iterator().next();

// now you have a Date object ...
Date cob = document.getDate("COBDate");

/// ... which you can use _as is_ or format into a String as follows ...
DateFormat df = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss.SSS'Z'");

/// this will print: 2018-02-15T18:30:00.000Z
System.out.println(df.format(cob));