''

src/views/spectrum/reform/monitorSee/index.vue

@@ -28,7 +28,7 @@
           <el-button type="primary" @click="query()">查询</el-button>
         </el-form-item>
       </el-form>
-      <div class="chart-box" v-for="(item,index) in [1,2]" :key="index" :id="'m-chart'+index"></div>
+      <div class="chart-box" v-for="(item,index) in [1,2]" :key="index" :ref="'mchart'+index"></div>
     </div>
   </div>
 </template>
@@ -49,14 +49,15 @@ export default {
     },
     open() {
       this.$nextTick(() => {
-        this.loadChart('m-chart0')
-        this.loadChart('m-chart1')
+        this.loadChart('mchart0')
+        this.loadChart('mchart1')
       })
     },
     loadChart(domId) {
-      var chartDom = document.getElementById(domId)
-      var myChart = echarts.init(chartDom)
-      var option = {
+      let chartDom = this.$refs[domId][0]
+      console.log('dom',chartDom);
+      let myChart = echarts.init(chartDom)
+      let option = {
         // title: {
         //   text: 'Stacked Line'
         // },