echarts在数据改变后,折线图并没有全部刷新
在做⼀个BI项⽬的时候,图表需要区分国内和国外显⽰。当前⽤户所属企业具备国内外权限的时候,展⽰两条图表,当查看其他企业需要根据选中的企业所具备的权限改变图表。即刚开始显⽰两条折线图,更改选择条件并重新setOption后想要隐藏其中⼀条数据,发现并不能隐藏,该隐藏的这边并没有改变。后台打印console.log(data)后经确认的确只有⼀条数据的值,说明值得到了改变但是图表没有更新。
经查阅官⽅⽂档发现重新set的时候应该加上⼀个配置项:this.charts.setOption(data,true),这⾥setOption有3个属
setoption性,setOption(option,notMerge,lazyUpdate);第⼆个notMerge默认为false,即默认合并数据,设置成true之后就不合并数据,从⽽实现刷新页⾯UI的效果。