diff --git a/supervise-customer-ui/src/layout/components/AppMain.vue b/supervise-customer-ui/src/layout/components/AppMain.vue
index 940cbbfd..ec7b5ba6 100644
--- a/supervise-customer-ui/src/layout/components/AppMain.vue
+++ b/supervise-customer-ui/src/layout/components/AppMain.vue
@@ -98,7 +98,7 @@
 
             <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
               <span style="font-weight: 600;">阀值分析</span>
-              <div id="main1" class="middle">
+              <div id="main1" ref="main1" class="middle">
               </div>
             </div>
 
@@ -106,7 +106,7 @@
 
             <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
               <span style="font-weight: 600;">在途货物分析</span>
-              <div id="main2" class="middle">
+              <div id="main2" ref="main2" class="middle">
               </div>
             </div>
 
@@ -280,7 +280,7 @@ display: -webkit-box;
       }
     },
 
-    created() {
+    mounted() {
       this.drawLine1();
       this.drawLine2();
     },
@@ -292,6 +292,7 @@ display: -webkit-box;
       },
       drawLine1() {
 
+        // let mychart = echarts.init(this.$refs.main1)
         var myChart = echarts.init(document.getElementById('main1'));
         // 绘制图表
         myChart.setOption({
@@ -403,6 +404,7 @@ display: -webkit-box;
       // 饼状图图初始化
       drawLine2() {
         // 基于准备好的dom，初始化echarts实例
+        // let mychart =  echarts.init(this.$refs.main2)
         var myChart = echarts.init(document.getElementById('main2'));
         // 绘制图表
         // console.log('option', obj)