echarts在数据改变后,折线图并没有全部刷新

在做一个BI项目的时候,图表需要区分国内和国外显示。当前用户所属企业具备国内外权限的时候,展示两条图表,当查看其他企业需要根据选中的企业所具备的权限改变图表。即刚开始显示两条折线图,更改选择条件并重新setOption后想要隐藏其中一条数据,发现并不能隐藏,该隐藏的这边并没有改变。后台打印console.log(data)后经确认的确只有一条数据的值,说明值得到了改变但是图表没有更新。

 

经查阅官方文档发现重新set的时候应该加上一个配置项:this.charts.setOption(data,true),这里setOption有3个属性,setOption(option,notMerge,lazyUpdate);第二个notMerge默认为false,即默认合并数据,设置成true之后就不合并数据,从而实现刷新页面UI的效果。

posted @ 2019-04-19 15:55  keang  阅读(6983)  评论(0编辑  收藏  举报