src/views/copilot/factoryData/components/Energy.vue

@@ -1,8 +1,6 @@
 <template>
-  <div>
   <div class="left-chart-base">
-      <NotMsg v-show="notMsg" />
-      <div class="legend" v-show="!notMsg">
+    <div class="legend">
       <span
         v-for="item in legend"
         :key="item.label"
@@ -11,21 +9,14 @@
         >{{ item.label }}</span
       >
     </div>
-      <div
-        id="factoryEnergyChart"
-        style="width: 100%; height: 100%"
-        v-show="!notMsg"
-      ></div>
-    </div>
+    <div id="factoryEnergyChart" style="width: 100%; height: 100%"></div>
   </div>
 </template>
 <script>
 import { debounce } from "@/utils/debounce";
 import * as echarts from "echarts";
-import NotMsg from "./../../components/NotMsg";
 export default {
   name: "Energy",
-  components: { NotMsg },
   props: {
     legend: {
       type: Array,
@@ -40,16 +31,14 @@ export default {
     return {
       isFullscreen: false,
       actualOptions: null,
-      notMsg: false,
       chart: "",
       options: {
         color: ["#FFD160", "#2760FF", "#12FFF5"],
         grid: {
-          left: "3%",
-          right: "4%",
-          bottom: "0",
+          left: "7%",
+          right: "7%",
+          bottom: "8%",
           top: "15%",
-          containLabel: true,
         },
         tooltip: {
           trigger: "axis",
@@ -274,7 +263,6 @@ export default {
         },
       ];
       if (this.energyCockpits.length > 0) {
-        this.notMsg = false;
         let dataArr = this.energyCockpits.map((item) => {
           return item.groupName;
         });
@@ -296,8 +284,6 @@ export default {
             }
           }
         }
-      } else {
-        this.notMsg = true;
       }
       if (this.chart) {
         this.chart.dispose();

src/views/copilot/factoryData/components/Store.vue

@@ -1,20 +1,11 @@
 <template>
-  <div>
-    <NotMsg v-show="notMsg" />
-    <div
-      id="factoryStoreChart"
-      style="width: 100%; height: 100%"
-      v-show="!notMsg"
-    ></div>
-  </div>
+  <div id="factoryStoreChart" style="width: 100%; height: 100%"></div>
 </template>
 <script>
 import { debounce } from "@/utils/debounce";
 import * as echarts from "echarts";
-import NotMsg from "./../../components/NotMsg";
 export default {
   name: "Store",
-  components: { NotMsg },
   props: {
     stock: {
       type: Object,
@@ -30,15 +21,13 @@ export default {
     return {
       isFullscreen: false,
       actualOptions: null,
-      notMsg: false,
       chart: "",
       options: {
         grid: {
-          left: "3%",
+          left: "8%",
           right: "1%",
-          bottom: "0",
+          bottom: "8%",
           top: "15%",
-          containLabel: true,
         },
         tooltip: {},
         xAxis: {
@@ -157,12 +146,9 @@ export default {
       let xAxis = Object.keys(this.stock) || [];
       let data = [];
       if (xAxis.length > 0) {
-        this.notMsg = false;
         data = xAxis.map((item) => {
           return this.stock[item].total;
         });
-      } else {
-        this.notMsg = true;
       }
       if (this.chart) {
         this.chart.dispose();