vue中给echarts的series,xAxis中的data动态赋值

循环this.dataAndScore获取到数据后,直接通过option赋值给echart

const Xdata = [];   //定义数组Xdata 
const Sdata = [];   //定义数组Sdata 
for (let i = 0; i < this.dataAndScore.length; i++) {    //遍历this.dataAndScore
    const item = this.dataAndScore[i];
    Xdata.push(item.data);          //将本次循环的日期放入Xdata
    Sdata.push(item.score);         //将本次循环的成绩放入Sdata
}

this.options = {  //echarts图表信息
   xAxis: { 
       type: 'category',
       ...
       data: Xdata   //xAxis获取动态值Xdata 
   },
   yAxis: { 
       type: 'value',
       ...
       axisLabel: ....
   },
   series: { 
       name: 'score',
       ...
       data: Sdata, //series获取动态值Sdata 
       ...
   }
   
},

猜你喜欢

转载自blog.csdn.net/qq_45991812/article/details/129578947