我目前正在使用Angular6。我正在从后端动态获取数据并动态创建视图。
我的视图包括BarChart,LineChart,GeoChart等各种图形。
我为每个图表创建了单独的组件,并且正在重用它们以动态绑定视图。当涉及的图表很少时(大约6-10),一切正常。但是,当我加载图表过多(> 15)的视图时,网页有时会卡住,滚动速度很慢。
是什么原因导致这种现象?我该如何解决? 任何帮助,将不胜感激。
答案 0 :(得分:0)
性能是一个非常广泛的主题。如前所述,您应该提供更多实施细节,以获得正确的建议/帮助。也许您可以创建一个演示问题的stackblitz。对于它的价值,您可以签出以下内容:
* ChangeDetectionStrategy.OnPush - one-way data binding
* IntersectionObserver - Only build the graph when it is visible