performance - Angular 11，在一页中加载〜150个highcharts，性能很差，ui冻结

Question

我在 table- 组件中为每一行创建 line highchart(other component) highchart div idcontainer=rowID 。在过滤器或表格加载的情况下，屏幕会冻结，直到图表完成绘制。没有图表它可以完美地工作。请帮忙

标签： performancehighchartsangular11

Answer 1

显示 150 多个高图表不是问题。检查此 URL，它会立即加载 128 个图表。关联

1. 正如您提到的，您在 mat 表中使用 highcharts，请避免这样做。（您可以使用 ng-for 循环为基本代码提供相同的表格体验）
2. 如果您有非常复杂的图表，其中包含多个系列和每个系列的点，请访问 Highcharts 的 boost 模块。