vue+echarts 实时跟新数据 仪表盘多个渲染

话不多说 上代码

html 部分

<template>
  <div class="projectCost">
    <div class="container">
      <div class="wrapper" v-for="(item,index) in list" :key="index"> 
        <div class="roseChart"></div> // 使用class,不是id
      </div>
    </div>
  </div>
</template>

 仪表盘部分

 const echarts = require("echarts/lib/echarts");
      require("echarts/lib/chart/gauge");
      var roseChart = document.getElementsByClassName("roseChart"); // 对应地使用ByClassName
      for (var i = 0; i < roseChart.length; i++) {  // 通过for循环，在相同class的dom内绘制元素
        var myChart = echarts.init(roseChart[i]);  //实时
        var option;
        option = {
          series: [
            {
              type: "gauge",
              progress: {
                show: true,