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

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

image.png

我用了 chartOption去动态更新,


  return useMemo(() => (
    (
      <ReactEChartsCore
        ref={chart}
        echarts={echarts}
        option={chartOption}
        notMerge={true}
        lazyUpdate={true}
        style={{ height: 200, width: '100%' }}
      />
    )
  ), [chartOption]);
阅读 1.2k
2 个回答

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

新手上路,请多包涵

用 setOption

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏