vue中使用echart图表把option中的series根据后台返回的数组用js拼接起来渲染

在Vue中使用ECharts图表，你可以使用v-for指令和数组的map方法来动态拼接option中的series。以下是一个示例：

首先，你需要在Vue组件中引入ECharts并初始化一个图表实例：

import echarts from 'echarts';

export default {
  data() {
    return {
      chartData: [] // 后台返回的数组
    };
  },
  mounted() {
    this.renderChart();
  },
  methods: {
    renderChart() {
      const chart = echarts.init(this.$refs.chart);
      // 在这里根据返回的数组拼接option中的series
      const series = this.chartData.map(item => {
        return {
          name: item.name,
          type: item.type,
          data: item.data
        }
      });

      const option = {
        // 其他配置项
        series: series
      };

      chart.setOption(option);
    }
  }
}

在模板中使用图表容器，并使用ref属性引用该容器：

<template>
  <div>
    <div ref="chart" style="width: 600px; height: 400px"></div>
  </div>
</template>

当后台数据更新时，你可以调用renderChart方法重新渲染图表：

// 假设你在某个方法中获取到了后台返回的数组
this.chartData = response.data;
this.renderChart();

这样，每当后台返回的数组发生变化时，图表就会根据新的数据重新渲染。