diff --git a/src/views/dashboard/graphs/Bar.vue b/src/views/dashboard/graphs/Bar.vue
index 98c2bd02..8db91881 100644
--- a/src/views/dashboard/graphs/Bar.vue
+++ b/src/views/dashboard/graphs/Bar.vue
@@ -82,7 +82,7 @@ limitations under the License. -->
         },
         enterable: true,
         confine: true,
-        extraCssText: "max-height: 300px; overflow: auto; border: none;",
+        extraCssText: "max-height:85%; overflow: auto;",
       },
       legend: {
         type: "scroll",
diff --git a/src/views/dashboard/graphs/Line.vue b/src/views/dashboard/graphs/Line.vue
index fdfdbb4c..a9cda6f9 100644
--- a/src/views/dashboard/graphs/Line.vue
+++ b/src/views/dashboard/graphs/Line.vue
@@ -99,7 +99,7 @@ limitations under the License. -->
       },
       enterable: true,
       confine: true,
-      extraCssText: "max-height: 300px; overflow: auto; border: none;",
+      extraCssText: "max-height:85%; overflow: auto;",
     };
     const tips = {
       formatter(params: any) {