vue+echarts中实现双向数据绑定

在Vue.js中实现双向数据绑定，需要使用v-model指令。而在使用ECharts时，可以使用Vue.js的watch监听数据改变并更新ECharts实例。以下是一个简单的例子：

1. 在Vue.js的data中定义需要双向绑定的数据，例如：

data() {
  return {
    chartData: [
      // ECharts的数据
    ]
  }
}

2. 在ECharts组件中定义一个prop，用来传递数据到ECharts组件中，例如：

<template>
  <div>
    <ec :data="chartData"></ec>
  </div>
</template>

<script>
import EC from './EC.vue'

export default {
  components: {
    EC
  },
  data() {
    return {
      chartData: [
        // ECharts的数据
      ]
    }
  }
}
</script>

3. 在ECharts组件中，使用watch监听传递过来的数据的改变，并更新ECharts实例，例如：

<template>
  <div ref="chart" style="height: 300px;"></div>
</template>

<script>
import echarts from 'echarts'

export default {
  props: {
    data: {
      type: Array,
      required: true
    }
  },
  mounted() {
    this.chart = echarts.init(this.$refs.chart)
    this.updateChart()
  },
  watch: {
    data() {
      this.updateChart()
    }
  },
  methods: {
    updateChart() {
      // 更新ECharts实例
      this.chart.setOption({
        series: [
          {
            data: this.data
          }
        ]
      })
    }
  }
}
</script>

这样，当Vue.js中的chartData数据改变时，ECharts组件会根据watch监听到数据的改变，并更新ECharts实例，从而实现双向数据绑定。