vue.js中使用echarts实现数据动态刷新功能

JavaScript011

vue.js中使用echarts实现数据动态刷新功能,第1张

在vue使用echarts时,可能会遇到这样的问题,就是数据变化时,echarts不更新

这是因为Echarts是数据驱动的,这意味着只要我们重新设置数据,那么图表就会随之重新渲染

如果想要支持数据的自动刷新,必然需要一个监听器能够实时监听到数据的变化然后告知Echarts重新设置数据。

Vue提供了“watch”:

两个div的颜色没有不一致

reflesh死循环了(可能是你的疑问的罪魁祸首)

setTimeout("reflesh()",1000)//每10秒钟刷新一次

这句话只执行了一次,而且1000=1秒