echarts-折线图根据后端数据动态生成多个

效果图：

接口返回数据格式：

代码：

export default {
   
  name: 'LineEcharts',
  components: {
   
    // echarts
  },
  props: ['cateMonthData'],
  data() {
   
    return {
   
      lineData: '', // 折线图的所有数据
      // yData: '', // y轴数据
      // category: {
   
      //   data: '',
      //   type: 'line',
      //   name: '',
      //   // stack: 'x',
      //   color: '',
      //   // label: {
   
      //   //   show: true
      //   // },
      //   smooth: 0.5
      // },
      seriesList: [], // echarts的series存放数组，每循环一次往里面push一个类别对象
      sign: [], // 储存类别下标
      testData:
        {
   
          date: [
            '1月', '1月', '1月', '1月', '1月', '1月', '1月', '1月', '1月', '1月', '1月', '1月'
          ],
          list: {
   
            类别1: [10, 20, 15, 33, 25, 123