echarts中图类型实现双向数据绑定

ECharts 中的图类型并不直接支持双向数据绑定，但是我们可以通过监听 ECharts 实例的事件来实现双向数据绑定。

步骤如下：
1. 在 Vue 中使用 ECharts，需要引入 echarts 和 vue-echarts 库。
2. 在 Vue 组件的 mounted 钩子函数中初始化 ECharts 实例，并将数据绑定到 ECharts 实例的 option 中。
3. 监听 ECharts 实例的事件，当图表数据发生变化时，通过 emit 触发 Vue 组件的自定义事件，将变化后的数据传递给父组件进行更新。

示例代码如下：

<template>
  <div class="chart-container">
    <vue-echarts :options="chartOptions" @update:data="updateData" />
  </div>
</template>

<script>
import echarts from 'echarts'
import { VueECharts } from 'vue-echarts'

export default {
  components: {
    VueECharts
  },
  data () {
    return {
      chartOptions: {
        xAxis: {
          type: 'category',
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
          type: 'value'
        },
        series: [{
          data: [820, 932, 901, 934, 1290, 1330, 1320],
          type: 'line'
        }]
      }
    }
  },
  mounted () {
    this.chart = echarts.init(this.$el)
    this.chart.setOption(this.chartOptions)
    this.chart.on('dataChanged', () => {
      this.$emit('update:data', this.chart.getOption().series[0].data)
    })
  },
  methods: {
    updateData (newData) {
      this.chart.setOption({
        series: [{
          data: newData,
          type: 'line'
        }]
      })
    }
  }
}
</script>

在这个示例中，我们使用了 VueECharts 组件来渲染 ECharts 图表，并且将图表数据绑定到了组件的 options 属性中。使用 chart.on() 方法监听 ECharts 实例的 dataChanged 事件，当图表数据发生变化时，通过 emit 触发自定义事件 update:data，将变化后的数据传递给父组件进行更新。在父组件中，我们可以使用 v-on 指令来监听自定义事件，并更新父组件的数据。