antv图形二次渲染刷新问题

图形二次渲染刷新问题"/>

antv图形二次渲染刷新问题

在进行antv数据可视化时，遇到了一些问题，比如画好图之后，改变一些参数，重新获取数据，重新渲染的方法在之前的博客上写了，可以使用changChart方法。
在获取完新数据之后，什么时候再一次进行渲染，如果直接写在获取数据的方法后面，可能数据还没有加载出来，就已经执行changChart()方法了，这让我们的图形就没有渲染成功。

解决方法1

第一次我想到的是使用定时器，可以在执行完获取数据的方法后，加上一个定时器，延迟1500或者2000，可以解决这个问题。

解决方法2

方法一虽然可以解决掉这个问题，但是在实际操作中，用户在经历修改条件之后，还要等待数据的获取，然后又要等待定时器的2秒钟，这对用户的体验感不是很好。所以后面我修改了一下，换成watch监听事件。监听改变的数据data，当数据重新加载完成之后，直接执行changChart()。经过测试，重新渲染的速度比定时器快的很多。
因为我们的数据是数组，所以记得在监听的时候使用深度监听。

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

后续

其他的优化方案我暂时还没想出来，如果你有一些好的想法，可以留言或者私信。