vue echarts 可选择多条实时曲线赋值

需求：前端vue显示多条可选则变量实时曲线显示，多条曲线选中在上一篇文档中，这里在上一篇基础上加上每两秒给曲线赋值一次，形成动态的实时刷新曲线，在网上多数是多条固定的实时曲线赋值，这里是实现了可选择的多条实时曲线赋值，供参考~

    let CurveAddValue = () =>
    {
        let url = '/device/getLastField';

        utils.postRequest(url).then(response=>{
        // 更新多个曲线最新值
        for (var i = 0; i < ???; i++) {
          //console.log(response[i]);
          for(var j = response.length - 1; j >= 0; j--)
          {
            // xAxis赋值,只加载一次
            if(i == 0)
            {
              this.date.shift();
              this.date.push(response[j].date);
            }

            // yAxis赋值
            this.data[i].shift();
            this.data[i].push(response[j][???]);
          }

        }

        // 给多条曲线动态赋值
        for (var ii = 0; ii < ???; ii++) {
          var datas = {};
          datas["name"] = ???;
          datas["data"] = this.data[ii];
          this.series[ii] = datas;
        }

        // console.log(series.length)
        this.myChart.setOption({
          xAxis: { data: this.date },
          series: this.series
        });

      }).catch(err=>{
        console.log(err)
      })

    }


    function fn() {
      utils.globalObj.Timer =  setTimeout(() => {
        CurveAddValue();
        fn();
      }, 2000);
    }
    fn();

实现效果：

PS：

代码可能和大家实现的不一样，可以当成伪代码对比着实现，希望对使用echart 的人有帮助，祝好运~