diff --git a/src/views/dashboard/graphs/Bar.vue b/src/views/dashboard/graphs/Bar.vue
index 4bcaf133..302c4c69 100644
--- a/src/views/dashboard/graphs/Bar.vue
+++ b/src/views/dashboard/graphs/Bar.vue
@@ -74,12 +74,14 @@ limitations under the License. -->
     return {
       color,
       tooltip: {
-        trigger: "none",
-        axisPointer: {
-          type: "cross",
+        trigger: "axis",
+        textStyle: {
+          fontSize: 12,
           color: "#333",
-          backgroundColor: "rgba(255, 255, 255, 0.8)",
         },
+        enterable: true,
+        confine: true,
+        extraCssText: "max-height: 300px; overflow: auto; border: none;",
       },
       legend: {
         type: "scroll",
@@ -99,12 +101,6 @@ limitations under the License. -->
         bottom: 5,
         containLabel: true,
       },
-      axisPointer: {
-        label: {
-          color: "#333",
-          backgroundColor: "rgba(255, 255, 255, 0.8)",
-        },
-      },
       xAxis: {
         type: "category",
         axisTick: {