vue專案Echarts更新資料是資料表展示錯版

當我們第一次渲染資料的時候，echarts渲染是正常的，但是當我們的資料更新的時候，展示的圖表會出現錯版現象，其中最常見的是曲線圖。

比如下面，剛開始進入的時候也就是說首次載入資料，顯示的echarts折線圖是完全ok的，但是我們更新了資料，重新配置了option賦值給echarts的時候就出現渲染錯誤的問題，曲線圖擰了。

其實這個問題的原因就是我們賦值的時候沒有清空之前的echarts資料，所以兩次資料相互干擾了，出現這種問題的話滑鼠稍微一滾動就可以了，但是這不是解決辦法，解決辦法也很簡單，只要在重新渲染資料的時候把上一次的資料清空就可以了。

this.charts.clear()  // 清空echarts資料

清空之後在重新給圖表 setoption 就可以了，讓圖表重新繪製。

還有一種更簡單的方法，就是在設定 setoption 的時候，傳引數 true 就可以了，引數為 true 阻止與上次配置的 option 合併，如多次 setoption 間資料改變、長度不一致等的場景。

this.charts.setoption(option, true)

以上兩種方法都可以，開心就好。

ok，就是這個樣子~