报表样式

src/views/report/ftoOutputBM/index.vue

@@ -114,11 +114,6 @@ export default {
         color: ["#FFCE6A", "#8EF0AB", "#288AFF"],
         xData: ["成都", "邯郸", "瑞昌"],
         yName: "单位/片",
-        yAxisLabel: {
-          formatter: function (value) {
-            return value;
-          },
-        },
         series: [
           {
             name: "2024年4月目标值",
@@ -212,10 +207,58 @@ export default {
     },
     getSearch(val) {
       console.log(val);
-      console.log("=========================");
+      console.log("==========下面是测试代码，需删除");
+      this.chartMsg.series = [];
     },
     handleExport() {
-      console.log("导出");
+      console.log("导出=====下面是测试代码，需删除");
+      this.chartMsg.series = [
+        {
+          name: "2024年4月目标值1",
+          // data: [3000, 2000, 3000],
+          // data: [6800, 5000, 8900],
+          // data: [12000, 17000, 19000],
+          data: [560000, 540000, 600000],
+          type: "line",
+          symbol: "circle",
+          symbolSize: 6,
+          label: {
+            show: true,
+            color: "#FFAE17",
+          },
+        },
+        {
+          name: "2023年4月",
+          // data: [2100, 800, 1500],
+          // data: [9500, 7200, 9901],
+          // data: [14666, 15000, 17888],
+          data: [550000, 456666, 590000],
+          type: "bar",
+          barWidth: 20,
+          label: {
+            show: true,
+            // position: [-5, -16],
+            // position: [-5, -16],
+            // position: [-10, -16],
+            position: [-17, -16],
+            color: "#68C483",
+          },
+        },
+        {
+          name: "2024年4月",
+          // data: [2100, 900, 1300],
+          // data: [9100, 7300, 9700],
+          // data: [14666, 15300, 18000],
+          data: [556666, 456666, 650000],
+          type: "bar",
+          barWidth: 20,
+          label: {
+            show: true,
+            position: [0, -16],
+            color: "#288AFF",
+          },
+        },
+      ];
     },
   },
 };