update chart

src/views/dashboard/graphs/Bar.vue

@@ -105,16 +105,12 @@ function getOption() {
   return {
     color,
     tooltip: {
-      trigger: "axis",
+      trigger: "none",
-      zlevel: 1000,
+      axisPointer: {
-      z: 60,
+        type: "cross",
-      confine: true,
-      textStyle: {
-        fontSize: 13,
         color: "#333",
+        backgroundColor: "rgba(255, 255, 255, 0.8)",
       },
-      enterable: true,
-      extraCssText: "max-height: 300px; overflow: auto; border: none",
     },
     legend: {
       type: "scroll",
@@ -134,6 +130,12 @@ function getOption() {
       bottom: 5,
       containLabel: true,
     },
+    axisPointer: {
+      label: {
+        color: "#333",
+        backgroundColor: "rgba(255, 255, 255, 0.8)",
+      },
+    },
     xAxis: {
       type: "category",
       axisTick: {

src/views/dashboard/graphs/Line.vue

@@ -121,6 +121,8 @@ function getOption() {
     trigger: "none",
     axisPointer: {
       type: "cross",
+      color: "#333",
+      backgroundColor: "rgba(255, 255, 255, 0.8)",
     },
     // trigger: "axis",
     // textStyle: {
@@ -160,7 +162,8 @@ function getOption() {
     },
     axisPointer: {
       label: {
-        backgroundColor: "#777",
+        color: "#333",
+        backgroundColor: "rgba(255, 255, 255, 0.8)",
       },
     },
     grid: {