update team chart day

src/components/TeamChartDayOptions.js

@@ -1,16 +1,22 @@
 export const options = {
+  color: ['#ffd601', '#72340b'],
   grid: {
     top: 10,
     bottom: 0,
-    left: 12,
-    right: 10,
+    left: 0,
+    right: 28,
     containLabel: true,
   },
   xAxis: {
     max: 100,
+    splitLine: {
+      lineStyle: {
+        color: "#fff2",
+      },
+    },
     axisLabel: {
-      fontSize: 22,
-      color: "#e5e5e533",
+      fontSize: 16,
+      color: "#e5e5e5a3",
     },
   },
   yAxis: {
@@ -21,28 +27,28 @@ export const options = {
     animationDurationUpdate: 300,
     max: 2, // only the largest 3 bars will be displayed
     axisLabel: {
-      fontSize: 22,
-      color: "#e5e5e533",
+      fontSize: 16,
+      color: "#e5e5e5a3",
     },
     splitLine: {
-      show: false,
-      color: "#e5e5e533",
+      lineStyle: {
+        color: "#e5e5e5",
+      },
     },
   },
   series: [
     {
       realtimeSort: true,
-      name: "X",
       type: "bar",
-      data: [10, 20, 30],
+      // data: [10, 20, 30],
+      data: [],
       label: {
         show: true,
         position: "right",
         valueAnimation: true,
         formatter: "{c}%",
-        color: "#fff8",
-        fontWeight: "bold",
-        fontSize: 22,
+        color: "#fff",
+        fontSize: 16,
       },
     },
   ],
@@ -56,7 +62,6 @@ export const options = {
 };
 
 export default function setup(echartInstance, dataArr) {
-  debugger;
   const new_options = { ...options };
   new_options.series[0].data = dataArr;
   echartInstance.setOption(new_options);