延迟加载样式表时的Highcharts图表宽度问题

Question

我在带有https://github.com/cebor/angular-highcharts库的Angular 5 Web应用程序中使用Highcharts。我正在应用程序中实现主题，为此我正在动态加载样式表。

问题是，当创建图表时，它会占用容器的整个宽度，这很好。但问题是由于网络延迟，样式表会被加载到内存中。这会导致图表溢出容器。

这是可重现的 https://stackblitz.com/edit/clarity-theme-switch-highchart-problem-1

感谢任何帮助！

Answer 1

加载css时，可以添加onload事件处理程序。所以才显示图表：

  this.linkRef.onload = () => this.showChart();

以下是您更改的示例： https://stackblitz.com/edit/clarity-theme-switch-highchart-problem-1-wzqfaz?file=app%2Fapp.component.ts