页面渲染多个大数据量echarts时的处理
使用场景: 页面一次性渲染16个echarts,切每个图表超过1万条数据,页面循环去渲染echarts时,会等所有的数据渲染完了,再显示页面,就会造成页面卡顿现象
添加以下代码就能渲染一个页面就展示一个chart了
# 1、代码如下
this.chartList.forEach((item,index)=>{
// 这个setTimeout 是灵魂所在
setTimeout(()=>{
this.initChart(item,index)
},10)
})
1
2
3
4
5
6
2
3
4
5
6
上次更新: 2021/07/22, 09:07:42