vue echarts 实例的性能优化问题?

Question

RT

我有一个时间组件,和 N 个 Echarts 图表

导致 N个 Echarts 绘制图表的时候会影响到 时间组件 的渲染秒数的卡顿,注意看时间的跳动

比如 直接从 2021-12-17 17:10:27 跳到了 2021-12-17 17:10:30

• 已经尝试过的方案,都未解决...

1. 改用 Web Worker (未解决)
   https://juejin.cn/post/684490...
2. 将 setInterval 改成 setTimeout 递归形式(卡顿现象会好一些,但是还是存在连续跳读秒的现象)

实在无辙,跪求大佬 贡献一点经验方案~

Answer 1

如果全局用一个定时器,第一个echarts渲染完后再渲染第二个,这样是不是能减轻卡顿?

Answer 2

worker为啥不行？
分时间渲染图表
或者每个图表能不能改成iframe？

Answer 3

把echarts的实例和option都提出不要挂到组件的data上 ，试一试