vue使用echart时，可能会遇到这样的问题：浏览器直接刷新，或者数据变化时echart不更新？

这是因为e chart是数据驱动的，这意味着只要我们重置数据，图表就会被重新渲染，这是实现这个需求的基础。让我们再想象一下，

如果你想支持数据的自动刷新，你必须有一个监听器，可以实时监听数据的变化，然后告诉Echarts重置数据。

幸运的是，Vue为我们提供了==watcher==的功能，通过它我们可以轻松实现以上功能：

Watch: {option:函数(新值，旧值){//听相应的属性//判断echarts对象中是否有if (charts)。//如果存在，继续判断属性是否发生变化if(newvalue)。如果有任何更改，请重置echarts的选项charts.setoption(新值)；如果没有变化，charts.setOption(loldvalue) //如果charts对象不存在，直接初始化echart } }

摘要

上面提到的是利用echarts在边肖推出的vue.js中实现数据动态刷新功能。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！