src/views/report/completionStatusIntrBM/index.vue

@@ -249,44 +249,51 @@ export default {
     resetMsg() {
       this.tableProps = this.tableProps1;
       this.tableData = [];
-      this.chartMsg = {
+      this.chartMsg1 = {
-        color: ["#FFCE6A", "#8EF0AB", "#288AFF"],
+        color: ["#288AFF33", "#288AFF"],
         xData: [],
-        yName: "单位/片",
+        yName: "单位/MW",
         series: [
           {
             name: "1",
             data: [],
-            type: "line",
+            type: "bar",
-            symbol: "circle",
+            barWidth: 20,
-            symbolSize: 6,
-            label: {
-              show: true,
-              color: "#FFAE17",
-            },
           },
           {
             name: "2",
             data: [],
             type: "bar",
             barWidth: 20,
+            barGap: "-100%",
             label: {
               show: true,
-              // position: [-5, -16],
+              position: "top",
-              // position: [-5, -16],
+              color: "#288AFF",
-              position: [-10, -16],
-              // position: [-17, -16],
-              color: "#68C483",
             },
           },
+        ],
+      };
+      this.chartMsg2 = {
+        color: ["#288AFF33", "#288AFF"],
+        xData: [],
+        yName: "单位/㎡",
+        series: [
           {
-            name: "3",
+            name: "1",
             data: [],
             type: "bar",
             barWidth: 20,
+          },
+          {
+            name: "2",
+            data: [],
+            type: "bar",
+            barWidth: 20,
+            barGap: "-100%",
             label: {
               show: true,
-              position: [0, -16],
+              position: "top",
               color: "#288AFF",
             },
           },