ReactEcharts遇到的坑(ReactEcharts相关属性)

ReactEcharts组件会默认将原渲染图表的数据和二次渲染图表的数据默认合并,
即在图表某些变量改变时二次渲染echarts图表,如果本次渲染少了之前的参数,会一并把之前参数的数值合并到图表
ReactEcharts遇到的坑(ReactEcharts相关属性)
(举个栗子:此图表中,当切换筛选条件后,筛选后的选项不存在“Other”的数值,但还是会把第一次遗留的“Other”数值合并上去,只有当新图表和旧图表都用相同参数,才会替换,否则就是合并)

解决方案:发现<ReactEcharts />组件不仅具有optionstyle的属性,

还有notMergeLazyUpdate属性————

notMerge————可选,是否不跟之前设置的 option 进行合并,默认为 false,即合并
LazyUpdate————可选,在设置完 option 后是否不立即更新图表,默认为 false,即立即更新

在这里我给<ReactEcharts />组件中加入notMerge={true}即可实现图表每次更新不再合并之前数据