javascript - 关于延迟加载样式表的 Highcharts 图表宽度问题

标签 javascript css angular highcharts

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

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

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

感谢任何帮助!

最佳答案

当您加载 css 时,您可以添加 onload 事件处理程序。所以才显示图表:

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

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

关于javascript - 关于延迟加载样式表的 Highcharts 图表宽度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49168262/

相关文章:

javascript - Angular 如何从父组件访问子组件?

javascript - AngularJS - html select 的数据绑定(bind)默认值

javascript - 删除div标签+ jquery下的类属性

javascript - 在多次打开的列表之间移动

javascript - 如何在滚动中加载页面

angular - @HostListener 导致更改检测在我监听外部点击时触发太多次

javascript - Socket.io 触发两个 node.js 应用程序之间的事件?

javascript - 如何将 Knockout View 模型移到 html 页面之外

Javascript 更改外部 css 表中的关键帧值(无内联样式更改!)

forms - Angular 2 新表单,提交时重定向到同一页面,表单字段附加在 URL 中作为具有新路由器版本的查询参数