1. 程式人生 > >有關echarts資料更新後,圖表沒有更新的情況

有關echarts資料更新後,圖表沒有更新的情況

        在用echarts折線圖的時候,一開始查詢的是全部,顯示了3條資料,然後篩選後只查詢一條資料的值,重新setOption後發現圖表上還是3條資料。

        接著開始後臺列印console.log(data),發現確實只有一條資料的值,說明值已變更但是圖表沒有更新

        後來百度後發現解決辦法:

原來set的時候是:

this.charts.setOption(data);

正確的應該是:

this.charts.setOption(data,true);

再次重新整理,問題解決,

檢視官方文件後發現setOption有3個屬性

setOption(option,notMerge,lazyUpdate);

第二個notMerge預設為false,即預設合併兩個資料

置為true之後則不合並資料了,就可以實現重新整理資料的效果了