在進行antv數據可視化時，遇到了一些問題，比如畫好圖之后，改變一些參數，重新獲取數據，重新渲染的方法在之前的博客上寫了，可以使用changChart方法。
在獲取完新數據之后，什么時候再一次進行渲染，如果直接寫在獲取數據的方法后面，可能數據還沒有加載出來，就已經執行changChart()方法了，這讓我們的圖形就沒有渲染成功。

解決方法1

第一次我想到的是使用定時器，可以在執行完獲取數據的方法后，加上一個定時器，延遲1500或者2000，可以解決這個問題。

解決方法2

方法一雖然可以解決掉這個問題，但是在實際操作中，用戶在經歷修改條件之后，還要等待數據的獲取，然后又要等待定時器的2秒鐘，這對用戶的體驗感不是很好。所以后面我修改了一下，換成watch監聽事件。監聽改變的數據data，當數據重新加載完成之后，直接執行changChart()。經過測試，重新渲染的速度比定時器快的很多。
因為我們的數據是數組，所以記得在監聽的時候使用深度監聽。

watch:{logTypeData:{handler(){this.changeChart()},deep:true}},

后續

其他的優化方案我暫時還沒想出來，如果你有一些好的想法，可以留言或者私信。

總結

以上是生活随笔為你收集整理的antv图形二次渲染刷新问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。