在做一個BI項目的時候,圖表需要區分國內和國外顯示。當前用戶所屬企業具備國內外權限的時候,展示兩條圖表,當查看其他企業需要根據選中的企業所具備的權限改變圖表。即剛開始顯示兩條折線圖,更改選擇條件並重新setOption后想要隱藏其中一條數據,發現並不能隱藏,該隱藏的這邊並沒有改變。后台打印console.log(data)后經確認的確只有一條數據的值,說明值得到了改變但是圖表沒有更新。
經查閱官方文檔發現重新set的時候應該加上一個配置項:this.charts.setOption(data,true),這里setOption有3個屬性,setOption(option,notMerge,lazyUpdate);第二個notMerge默認為false,即默認合並數據,設置成true之后就不合並數據,從而實現刷新頁面UI的效果。