首页修改光伏数据展示

src/views/Home/components/barCharts.vue

@@ -150,9 +150,6 @@ export default {
     },
   },
   methods: {
-    resize() {
-      this.initChart();
-    },
     initChart() {
       let chart = echarts.init(this.$el);
       let option = {
@@ -193,10 +190,10 @@ export default {
           },
         },
         grid: {
-          top: this.top,
-          left: 8,
-          right: 8,
-          bottom: 90,
+          left:30,
+          right: 40,
+          top: 30,
+          bottom: 30,
           containLabel: true,
         },
         xAxis: [
@@ -222,14 +219,7 @@ export default {
         },
         series: this.series,
       };
-      chart.clear();
       chart.setOption(option);
-
-      this.resize = function () {
-        chart.resize();
-      };
-
-      window.addEventListener("resize", this.resize);
     },
   },
   created() {
@@ -239,34 +229,31 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      this.$el.style.width = this.width;
-      this.$el.style.height = this.height;
+      //   this.$el.style.width = this.width;
+      //   this.$el.style.height = this.height;
       this.initChart();
       this.firstAnimation = false;
     });
   },
-  updated() {
-    this.$nextTick(() => {
-      this.initChart();
-    });
-  },
-  unmounted() {
-    window.removeEventListener("resize", this.resize);
-  },
 
   watch: {
     "$store.state.themeName"() {
       this.initChart();
     },
+    list: {
+      handler() {
+        this.initChart();
+      },
+    },
   },
 };
 </script>
 
 <style lang="less">
 .chart {
-  width: 100%;
-  height: 100%;
-  display: inline-block;
-  margin-top: 5px;
+  //   width: 100%;
+  //   height: 100%;
+  //   display: inline-block;
+  //   margin-top: 5px;
 }
 </style>

src/views/Home/components/map.vue

@@ -1230,7 +1230,7 @@
         </el-row>
         <windLightDetial
           v-if="tabShow == -2"
-          :dataDetial="StationinformationData?.sbztmap?.fd"
+          :dataDetial="StationinformationData?.sbztmap?.gf"
         ></windLightDetial>
         <windlightSimple
           v-if="tabShow == 0"
@@ -1317,7 +1317,6 @@
           </div>
           <BarCharts
             :list="barList"
-            width="100%"
             height="45vh"
             :ratio="10000"
             :showLegend="true"

src/views/Home/components/windChartCom.vue

@@ -168,7 +168,6 @@ export default {
           },
         ],
       };
-      console.log(options);
       myChart.setOption(options);
     },
     //处理数据