echarts - 如何在ECharts中只更新特定Series数据避免图表重绘？

Question

echarts series内有多条线，其中一条线是定时任务去添加数据的，但是每添加一个数据，echarts会全部重绘，图表就会闪动。
如何只局部更新，更新某个series的数据？

我用了 chartOption去动态更新，

  return useMemo(() => (
    (
      <ReactEChartsCore
        ref={chart}
        echarts={echarts}
        option={chartOption}
        notMerge={true}
        lazyUpdate={true}
        style={{ height: 200, width: '100%' }}
      />
    )
  ), [chartOption]);

Answer 1

没有用过 ReactECharts ，我都是直接引入的ECharts来用，ECharts实例化之后返回给一个变量保存对于实例化对象的引用，使用 setOption 这个API就行了。
同样的里面还有很多API可以给你使用，比如说大数据量情况下的 appendData

Answer 2

用 setOption