ECharts更新数据闪烁的问题

473 阅读1分钟

ECharts动态更新数据时图形闪烁的问题

问题描述: 当动态新Echarts中的数据时,对Echarts图形进行更新,此时图形界面会闪白,并重新绘制所有图形。如下图所示。

image.png

原因及解决方法:一开始以为是加载动画的问题,后来发现是开启了渐进式渲染的原因,将progressive参数设为0关闭渐进式渲染即可。

代码配置:


series: [
  {
    name: 'Amplitude',
    type: 'heatmap',
    datasetIndex: 0, // 使用过滤后的数据集
    emphasis: {
      itemStyle: {
        borderColor: '#333',
        borderWidth: 1
      }
    },
    progressive: 0,//关闭渐进式渲染
    animation: false,
    xAxisIndex: 0,
    yAxisIndex: 0
  }
],