style: dashboard

src/components/card-wrapper/index.less

@@ -1,5 +1,5 @@
 .cardWrapper {
-  border-radius: 20px;
+  border-radius: var(--border-radius-middle);
   background-color: var(--color-white-1);
   box-shadow: var(--box-shadow-base);
 }

src/components/charts/column-bar.tsx

@@ -43,7 +43,10 @@ const BarChart: React.FC<BarChartProps> = (props) => {
     title: {
       title,
       style: {
-        align: 'center'
+        align: 'center',
+        titleFontSize: 14,
+        titleFill: 'rgba(0,0,0,0.88)',
+        titleFontWeight: 500
       }
     },
     split: {
@@ -62,7 +65,7 @@ const BarChart: React.FC<BarChartProps> = (props) => {
       radiusTopLeft: 12,
       radiusTopRight: 12,
       align: 'center',
-      width: 30
+      width: 20
     }
   };
 

src/components/charts/gauge.tsx

@@ -47,9 +47,11 @@ const GaugeChart: React.FC<GaugeChartProps> = (props) => {
     title: {
       title,
       size: 0,
-      titleFontSize: 14,
       style: {
-        align: 'center'
+        align: 'center',
+        titleFontSize: 14,
+        titleFill: 'rgba(0,0,0,0.88)',
+        titleFontWeight: 500
       }
     },
     style: {

src/components/charts/h-bar.tsx

@@ -43,7 +43,10 @@ const BarChart: React.FC<BarChartProps> = (props) => {
     title: {
       title,
       style: {
-        align: 'center'
+        align: 'center',
+        titleFontSize: 14,
+        titleFill: 'rgba(0,0,0,0.88)',
+        titleFontWeight: 500
       }
     },
     split: {
@@ -59,7 +62,7 @@ const BarChart: React.FC<BarChartProps> = (props) => {
       fill: 'linear-gradient(180deg,rgba(84, 204, 152,0.8) 0%,rgb(0, 168, 143,.7) 100%)',
       radiusTopLeft: 12,
       radiusTopRight: 12,
-      height: 30
+      height: 20
     }
   };
 

src/components/charts/line-chart.tsx

@@ -39,11 +39,12 @@ const LineChart: React.FC<LineChartProps> = (props) => {
       lineWidth: 1.5
     },
     legend: {
-      itemMarker: {
-        symbol: 'circle'
-      },
       color: {
         layout: { justifyContent: 'center' }
+      },
+      size: {
+        itemLabelFontSize: 14,
+        itemLabelFontWeight: 500
       }
     },
     tooltip: {