highcharts - 在 Bootstrap 布局更改后，Highcharts 和 OpenLayers 不会重新缩放

Question

在我的 Angular 2 环境中，在我更改 Bootstrap 布局后，OpenLaysers 和 Highcharts 组件不会自行重新缩放。如果我单击更改 Bootstrap 网格类的按钮，组件应该重新呈现。我尝试通过 highcharts.redraw() 函数重新渲染图表 - 这不能解决问题。如视频中所示，如果我按“F12”并进入“开发人员工具”（在底部显示为黑框 - 0:08），组件将重绘。因此，我尝试了一些变通方法，例如将主体缩放 2.0000.1、新 zIndex、不同高度、显示“无”-“块”。没有任何效果。

标签： highchartsbootstrap-4openlayers

Answer 1

在 Highcharts 中，您应该使用chart.reflow()not chart.redraw()。或者，您可以使用chart.setSize(newWidth, newHeight).