问带有过多图表的Angular Web页面在滚动时速度较慢
EN

Stack Overflow用户

提问于 2019-07-20 17:49:59

回答 1查看 29关注 0票数 0

我目前正在开发Angular 6，我正在从我的后端动态获取数据，并动态地创建视图。

我的视图包括各种图形，如BarChart、LineChart、GeoChart..etc

我为每个图表创建了单独的组件，并重用它们来动态绑定视图。当只涉及很少的图表(大约6-10个)时，一切都运行得很好。但是，当我加载一个有太多图表(>15)的视图时，网页有时会卡住，滚动非常缓慢。

是什么导致了这种行为？我该怎么解决它呢？任何帮助都将不胜感激。

发布于 2019-07-20 18:49:49

性能是一个非常广泛的主题。如前所述，您应该提供更多的实现细节，以获得正确的建议/帮助。也许你可以创建一个stackblitz来演示这个问题。值得一提的是，你可以查看以下内容：

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57123558

复制

相似问题

问带有过多图表的Angular Web页面在滚动时速度较慢EN