图表过多的Angular Web Page滚动时缓慢

时间:2019-07-20 09:49:58

标签: javascript angular charts

我目前正在使用Angular6。我正在从后端动态获取数据并动态创建视图。

我的视图包括BarChart,LineChart,GeoChart等各种图形。

我为每个图表创建了单独的组件,并且正在重用它们以动态绑定视图。当涉及的图表很少时(大约6-10),一切正常。但是,当我加载图表过多(> 15)的视图时,网页有时会卡住,滚动速度很慢。

是什么原因导致这种现象?我该如何解决? 任何帮助,将不胜感激。

1 个答案:

答案 0 :(得分:0)

性能是一个非常广泛的主题。如前所述,您应该提供更多实施细节,以获得正确的建议/帮助。也许您可以创建一个演示问题的stackblitz。对于它的价值,您可以签出以下内容:

* ChangeDetectionStrategy.OnPush - one-way data binding
* IntersectionObserver - Only build the graph when it is visible