1

src/page/Component/BarLineChart/chart.config.ts

@@ -1,18 +1,19 @@
 import * as echarts from "echarts";
-export default function getOptions() {
-  // if (dataProps.length === 0) return null;
+export default function getOptions(dataProps:any) {
+  if (dataProps.length === 0) return null;
   return {
-    grid: { top: 40, right: 10, bottom: 10, left: 10, containLabel: true },
+    grid: { top: 40, right: 10, bottom: 5, left: 10, containLabel: true },
     legend: {
       show: false,
     },
     xAxis: {
       type: "category",
-      data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月'],
+      data: dataProps.time,
       axisLabel: {
         color: "#fff",
         fontSize: 12,
         interval: 0,
+        rotate:20
       },
       axisTick: { show: false },
       axisLine: {
@@ -83,7 +84,7 @@ export default function getOptions() {
     },
     series: [
       {
-        data: [100,200,110,22,11,458,15,2,45],
+        data: dataProps.input,
         type: "bar",
         barWidth: 10,
         barGap:0,
@@ -95,7 +96,7 @@ export default function getOptions() {
         },
       },
       {
-        data: [10,20,11,221,111,48,115,211,145],
+        data:dataProps.output,
         type: "bar",
         barWidth: 10,
         itemStyle: {
@@ -106,7 +107,7 @@ export default function getOptions() {
         },
       },
       {
-        data: [100,99,89,89,88,98,100,98,95],
+        data: dataProps.yield,
         type: "line",
         yAxisIndex: 1,
         symbol:'circle',