问题描述
在使用ECharts地理坐标系组件(geo)时,发现开启动画效果如:effectScatter时,系统cpu、gpu占用迅速升高,系统不流畅。
解决方案
最后发现ECharts作者pissang 曾在16年就回答过类似问题,将带有特效的那个系列单独设置 zlevel 为 1 或者其它值!
详见:https://github.com/apache/incubator-echarts/issues/2577
的确,由于canvas渲染时,如果动画元素和其它元素在同一层级时会全部重新渲染,性能影响大,动画层级分离后,渲染动画只会涉及到对应的层,无效的渲染就少得多了。