vue里面一个页面放多个echarts图表页面变卡,怎么解决

Question

vue里面一个页面放多个echarts图表浏览器页面变卡,浏览器还有可能会崩溃,怎么解决

Answer 1

有可能是你数据处理的不对，一般多个chart同一个页面都先加载图表，后加载数据。
一开始只加载图表，数据等处理完了再渲染，你浏览器变卡或者崩溃，可能是因为你处理的数据量过大或者处理逻辑存在问题导致大量数据计算。

Answer 2

写个loading动画

Answer 3

同意楼上的，先检查下数据和处理逻辑，可以给监听页面的滚动事件，初始化时只加载显示区域的图表，页面往下滚动时，再加载显示出来的图表。