ECharts动态更新数据时图形闪烁的问题
问题描述: 当动态新Echarts中的数据时,对Echarts图形进行更新,此时图形界面会闪白,并重新绘制所有图形。如下图所示。
原因及解决方法:一开始以为是加载动画的问题,后来发现是开启了渐进式渲染的原因,将progressive参数设为0关闭渐进式渲染即可。
代码配置:
series: [
{
name: 'Amplitude',
type: 'heatmap',
datasetIndex: 0, // 使用过滤后的数据集
emphasis: {
itemStyle: {
borderColor: '#333',
borderWidth: 1
}
},
progressive: 0,//关闭渐进式渲染
animation: false,
xAxisIndex: 0,
yAxisIndex: 0
}
],