style: page styles

2024-06-26 10:39:03 +08:00
parent 2e30eb7012
commit 1fc415b6e6
24 changed files with 294 additions and 124 deletions
@@ -17,6 +17,12 @@ const BarChart: React.FC<BarChartProps> = (props) => {
    direction: 'vertical',
    height,
    group: true,
+    scale: {
+      x: {
+        type: 'band',
+        padding: 0.5
+      }
+    },
    legend: {
      color: {
        position: 'top',
@@ -27,7 +33,11 @@ const BarChart: React.FC<BarChartProps> = (props) => {
    },
    axis: {
      x: {
-        xAxis: true
+        xAxis: true,
+        tick: false
+      },
+      y: {
+        tick: false
      }
    },
    title: {
@@ -48,9 +58,10 @@ const BarChart: React.FC<BarChartProps> = (props) => {
    },

    style: {
-      fill: '#54cc98',
-      radiusTopLeft: 8,
-      radiusTopRight: 8,
+      fill: 'linear-gradient(90deg,rgba(84, 204, 152,0.8) 0%,rgb(0, 168, 143,.7) 100%)',
+      radiusTopLeft: 12,
+      radiusTopRight: 12,
+      align: 'center',
      width: 30
    }
  };