vue3.0 + echarts 获取series数组下的值

在 Vue3 中，结合 ECharts 动态获取 series 数组中的值通常是在组件的数据绑定、计算属性或者事件处理函数中完成的。假设你已经将 ECharts 的数据配置在了 Vue 实例的一个数组 `dataSeries` 中，系列名存储在 `name` 或者其他的字段上，你可以这样做：

1. 在模板中通过 v-for 循环遍历 series：

<echarts :options="chartOptions" ref="myChart">
  <template v-for="(serie, index) in dataSeries">
    <span>{{ serie.name }}: {{ serie.value }}</span>
  </template>
</echarts>

在这里，`serie.value` 将会显示 series 对应的值。

2. 如果需要在某个方法中动态获取，可以在 computed 属性里做处理：

export default {
  data() {
    return {
      dataSeries: [], // 初始化 series 数据
    };
  },
  computed: {
    getValues() {
      return this.dataSeries.map(serie => serie.value);
    }
  },
}

然后在需要的地方使用 `this.getValues[index]` 来访问每个 series 的值。