功率预测矩阵图表修复展示内容错误问题

src/views/stateMonitor/powerPredictMatrix/components/multiple-line-chart.vue

@@ -25,16 +25,16 @@ export default {
       default: () => {},
     },
     isDouble: { type: Boolean, default: false },
-    type: { type: String, default: "" },
+    type: { type: Number, default: -1 },
   },
   data() {
     return {
       id: "",
       chart: null,
       chartName: [
-        { name: "实际功率", code: "sjgl", color: "#4B55AE" },
-        { name: "理论功率", code: "llgl", color: "#1C99FF" },
-        { name: "预测功率", code: "ycgl", color: "#F8DE5B" },
+        { name: "实际功率", name1: "实际功率", code: "sjgl", color: "#4B55AE" },
+        { name: "理论功率", name1: "理论功率", code: "llgl", color: "#1C99FF" },
+        { name: "预测功率", name1: "预测功率", code: "ycgl", color: "#F8DE5B" },
         { name: "实际风速", name1: "实际光照", code: "pjfs", color: "#05BB4C" },
         { name: "预测风速", name1: "预测光照", code: "ycfs", color: "#FF8300" },
       ],
@@ -104,14 +104,6 @@ export default {
       }
       return series;
     },
-    // lengend() {
-    //     let arr=[]
-    //   this.chartData.lengend.forEach((i) => {
-    //     if (this.chartName.some((item) => item.code == i)) {
-    //       i = item.name;
-    //     }
-    //   });
-    // },
   },
   methods: {
     initChart() {
@@ -127,7 +119,7 @@ export default {
         legend: {
           data: this.chartName.map((item) => {
             return {
-              name: item.name,
+              name: this.type == -1 ? item.name : item.name1,
               itemStyle: {
                 color: item.color,
               },

src/views/stateMonitor/powerPredictMatrix/index.vue

@@ -17,6 +17,7 @@
             ref="multipLineChart"
             height="100%"
             width="100%"
+            :type="activeTab"
             :chartData="list[index]"
           />
         </div>