lineChart封装为组件

@@ -16,6 +16,9 @@ export default {
             chartId:'line-echart-declare'
             chartId:'line-echart-declare'
         }
         }
     },
     },
+    watch:{
+
+    },
     setup(props, {attrs, slots, emit}) {
     setup(props, {attrs, slots, emit}) {
         const {proxy} = Vue.getCurrentInstance();
         const {proxy} = Vue.getCurrentInstance();
 
 

-<div class="lineChart">
-<!--    <div :id="chartId" style="width:100%;height:225px;"></div>-->
-    <div id="line-echart" style="width:100%;height:225px;"></div>
-</div>
+<div :id="chartId" style="width:100%;height:225px;"></div>

@@ -24,11 +24,8 @@ export default {
             proxy.yAxisData=props.yAxisData;
             proxy.yAxisData=props.yAxisData;
             proxy.seriesData=props.seriesData;
             proxy.seriesData=props.seriesData;
             proxy.chartId=props.chartId;
             proxy.chartId=props.chartId;
-            console.log('ddd',proxy.chartId)
-
-            const chartDom = document.getElementById('line-echart');
-            // const chartDom = document.getElementById(proxy.chartId);
-            console.log('d3e3',$(proxy.chartId))
+                // const chartDom = document.getElementById('line-echart-declare');
+            const chartDom=proxy.$el
             const myChart = echarts.init(chartDom);
             const myChart = echarts.init(chartDom);
             let option;
             let option;
 
 

@@ -13,7 +13,7 @@
         <section class="screen-left left-40" >
         <section class="screen-left left-40" >
             <div class="left-top">
             <div class="left-top">
                 <!--省局网络拓扑-->
                 <!--省局网络拓扑-->
-                <NetworkTopology ></NetworkTopology>
+<!--                <NetworkTopology ></NetworkTopology>-->
             </div>
             </div>
             <div class="left-bottom data-cloud">
             <div class="left-bottom data-cloud">
                 <div class="left-bottom-left flex-data">
                 <div class="left-bottom-left flex-data">