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

要实现数据动态刷新功能，可以采用以下步骤：

1. 在vue组件中引入echarts：

import echarts from 'echarts'

2. 在vue组件中创建一个echarts实例：

mounted() {
  this.initChart()
},
methods: {
  initChart() {
    this.chart = echarts.init(this.$refs.chart)
  }
}

3. 在vue组件中定义一个方法，用于更新echarts图表数据：

updateChart() {
  this.chart.setOption({
    series: [{
      data: this.chartData
    }]
  })
}

4. 在vue组件中监听数据变化，当数据变化时，调用更新echarts图表数据的方法：

watch: {
  chartData: {
    handler() {
      this.updateChart()
    },
    deep: true
  }
}

5. 在vue组件中定义一个定时器，定时更新数据：

mounted() {
  this.initChart()
  setInterval(() => {
    this.chartData = this.getChartData()
  }, 1000)
},
methods: {
  getChartData() {
    // 获取新的数据
  }
}

其中，`this.chartData`是echarts图表的数据，`getChartData()`方法用于获取新的数据。每隔1秒钟，调用一次`getChartData()`方法获取新的数据，并更新echarts图表的数据。监听数据变化时，使用`deep: true`选项，表示深度监听数据变化。这样，当`chartData`里面的数据变化时，也会触发更新图表数据的方法。