echarts series内有多条线,其中一条线是定时任务去添加数据的,但是每添加一个数据,echarts会全部重绘,图表就会闪动。
如何只局部更新,更新某个series的数据?
我用了 chartOption去动态更新,
return useMemo(() => (
(
<ReactEChartsCore
ref={chart}
echarts={echarts}
option={chartOption}
notMerge={true}
lazyUpdate={true}
style={{ height: 200, width: '100%' }}
/>
)
), [chartOption]);
没有用过
ReactECharts
,我都是直接引入的ECharts来用,ECharts实例化之后返回给一个变量保存对于实例化对象的引用,使用 setOption 这个API就行了。同样的里面还有很多API可以给你使用,比如说大数据量情况下的 appendData