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

Question

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

Answer 1

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