vue使用echarts的时候, 如果出现"requestAnimationFrame handler took xxx ms"的提示, 表示当前的图表渲染所用的时间超过了浏览器规定的最长时间(通常是16.7ms), 导致图表的渲染卡顿.
这种情况通常是由于数据量过大, 导致渲染所用的时间过长. 解决方法有:
尽量减少数据量, 使图表渲染所用的时间尽可能短.
对于一些复杂的图表, 可以使用图表组件内置的数据压缩算法, 比如echarts的dataZoom组件, 可以压缩数据的展示范围, 从而减少数据的量, 提高渲染速度.
可以尝试使用图表组件的 lazyUpdate