仅限Chrome上超过父级宽度的Highcharts

Question

我在页面上有几个图表，每个图表都在自己的边框中。第一页加载的所有图表都超过了其父级的宽度。

如果我稍微调整页面宽度，那么一切都会回到原来的状态。奇怪的是，这只出现在最新的Chrome版本上。 Safari和FF运行良好。

另一个奇怪的问题是，如果我在Chrome中empty cache and hard reload，则加载正常。刷新页面，图表在容器右侧流血。

我从研究中尝试过这个CSS：

.highcharts-container {
  width:100% !important;
  height:100% !important;
}

但这也搞砸了Chrome和其他浏览器上的工具提示。

欢迎任何欢迎。

Answer 1

除了css的其余部分，请将max-width: 100%;应用于您的div，如下所示

.highcharts-container {
  max-width:100%;
}