ReactEcharts遇到的坑(ReactEcharts相关属性)
ReactEcharts组件会默认将原渲染图表的数据和二次渲染图表的数据默认合并,
即在图表某些变量改变时二次渲染echarts图表,如果本次渲染少了之前的参数,会一并把之前参数的数值合并到图表
(举个栗子:此图表中,当切换筛选条件后,筛选后的选项不存在“Other”的数值,但还是会把第一次遗留的“Other”数值合并上去,只有当新图表和旧图表都用相同参数,才会替换,否则就是合并)
解决方案:发现<ReactEcharts />
组件不仅具有option
和style
的属性,
还有notMerge
和LazyUpdate
属性————
notMerge
————可选,是否不跟之前设置的 option 进行合并,默认为 false,即合并LazyUpdate
————可选,在设置完 option 后是否不立即更新图表,默认为 false,即立即更新
在这里我给<ReactEcharts />
组件中加入notMerge={true}
即可实现图表每次更新不再合并之前数据