1-1对接接口

2024-09-12 16:14:54 +08:00
parent 0dcff0c256
commit d142b16df3
41 changed files with 2208 additions and 249 deletions
--- a/src/page/Component/BarChart/chart.config.ts
+++ b/src/page/Component/BarChart/chart.config.ts
@@ -0,0 +1,79 @@
+import * as echarts from "echarts";
+export default function getOptions(dataProps: number[],xData:string[], color: string[]) {
+  if (dataProps.length === 0) return null;
+  return {
+    grid: { top: 30, right: 12, bottom: 26, left: 48 },
+    legend: {
+      show: false,
+    },
+    xAxis: {
+      type: "category",
+      data: xData,
+      axisLabel: {
+        color: "#fff",
+        fontSize: 12,
+        interval: 0,
+      },
+      axisTick: { show: false },
+      axisLine: {
+        lineStyle: {
+          width: 2,
+          color: "#5982B2",
+        },
+      },
+    },
+    yAxis: {
+      name: "单位/片",
+      nameTextStyle: {
+        color: "#fff",
+        fontSize: 12,
+      },
+      type: "value",
+      axisLabel: {
+        color: "#fff",
+        fontSize: 12,
+        formatter: "{value}",
+      },
+      axisLine: {
+        show: true,
+        lineStyle: {
+          width: 2,
+          color: "#5982B2",
+        },
+      },
+      splitLine: {
+        lineStyle: {
+          width: 2,
+          color: "#5982B2",
+        },
+      },
+    },
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "shadow",
+      },
+      className: "luoyang-chart-tooltip",
+      show: false,
+    },
+    series: [
+      {
+        data: dataProps,
+        type: "bar",
+        barWidth: 10,
+        label: {
+          show: true,
+          fontSize: 12,
+          color: "#9CD4FF",
+          position: "top",
+        },
+        itemStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: color[0] },
+            { offset: 1, color: color[1] },
+          ]),
+        },
+      },
+    ],
+  };
+}