diff --git a/src/views/workSpace/analysis/index.vue b/src/views/workSpace/analysis/index.vue
index d9d369f231b93c7b183a843e0f78ad7587eb0077..06fa2db9d496029871fb93ac57616738341ff8cb 100644
--- a/src/views/workSpace/analysis/index.vue
+++ b/src/views/workSpace/analysis/index.vue
@@ -66,7 +66,7 @@
           </template>
           <lay-row>
             <lay-col :md="18">
-              <div id="main"></div>
+              <div id="main" ref="mainRef"></div>
             </lay-col>
             <lay-col :md="6">
               <div style="padding-top:42px;padding-left: 42px;padding-right: 42px;padding-bottom: 10px;">
@@ -139,15 +139,16 @@
   </lay-container>
 </template>
 <script lang="ts">
-import { defineComponent, nextTick } from "vue";
+import { defineComponent, ref, onMounted } from "vue";
 
 import * as echarts from 'echarts';
 
 export default defineComponent({
   setup() {
 
-    nextTick(() => {
-      var chartDom = document.getElementById('main');
+    const mainRef = ref()
+    onMounted(() => {
+      var chartDom = mainRef.value;
       // @ts-ignore
       var myChart = echarts.init(chartDom);
       var option = {
@@ -214,6 +215,7 @@ export default defineComponent({
     ]
 
     return {
+      mainRef,
       columns21,
       dataSource21
     };
@@ -269,4 +271,4 @@ export default defineComponent({
 .statistics-body {
   padding: 14px 0;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workSpace/console/index.vue b/src/views/workSpace/console/index.vue
index 80cc77d38bde519921e7f7ba8756924e163b7861..eca221b848901b6e9d353ae63cef4024605c160a 100644
--- a/src/views/workSpace/console/index.vue
+++ b/src/views/workSpace/console/index.vue
@@ -119,7 +119,7 @@
           <lay-col :md="24">
             <lay-card>
               <template #title> 数据概览 </template>
-              <div id="main"></div>
+              <div id="main" ref="mainRef"></div>
             </lay-card>
           </lay-col>
           <lay-col :md="24">
@@ -182,17 +182,18 @@
   </lay-container>
 </template>
 <script lang="ts">
-import { defineComponent, nextTick, ref } from "vue";
+import { defineComponent, ref, onMounted } from "vue";
 
 import * as echarts from 'echarts';
 
 export default defineComponent({
   setup() {
 
+    const mainRef = ref()
     const currentIndex = ref("1")
 
-    nextTick(() => {
-      var chartDom = document.getElementById('main');
+    onMounted(() => {
+      var chartDom = mainRef.value;
       // @ts-ignore
       var myChart = echarts.init(chartDom);
       var option;
@@ -445,6 +446,7 @@ export default defineComponent({
     ]
 
     return {
+      mainRef,
       currentIndex,
       columns21,
       dataSource21,
@@ -521,4 +523,4 @@ export default defineComponent({
     margin-top: 10px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workSpace/workbench/index.vue b/src/views/workSpace/workbench/index.vue
index a2985cc8382d7206bda04c77fee233a295d60943..75ceb23f391947647e8cb5b7f7a873bc24cfd88c 100644
--- a/src/views/workSpace/workbench/index.vue
+++ b/src/views/workSpace/workbench/index.vue
@@ -158,7 +158,7 @@
               <template v-slot:title>
                 八卦新闻
               </template>
-              <div id="main"></div>
+              <div id="main" ref="mainRef"></div>
             </lay-card>
           </lay-col>
           <lay-col :md="24">
@@ -175,14 +175,15 @@
   </lay-container>
 </template>
 <script lang="ts">
-import { defineComponent, nextTick } from "vue";
+import { defineComponent, ref, onMounted } from "vue";
 import * as echarts from 'echarts';
 
 export default defineComponent({
   setup() {
 
-    nextTick(() => {
-      var chartDom = document.getElementById('main');
+    const mainRef = ref()
+    onMounted(() => {
+      var chartDom = mainRef.value;
 
       // @ts-ignore
       var myChart = echarts.init(chartDom);
@@ -218,7 +219,9 @@ export default defineComponent({
       };
       myChart.setOption(option);
     })
-    return {};
+    return {
+      mainRef,
+    };
   },
 });
 </script>
@@ -328,4 +331,4 @@ export default defineComponent({
   height: 300px;
   width: 100%;
 }
-</style>
\ No newline at end of file
+</style>