update style

src/views/dashboard/graphs/Bar.vue

@@ -137,13 +137,15 @@ function getOption() {
     color,
     tooltip: {
       trigger: "axis",
-      // backgroundColor: "rgb(50,50,50)",
+      zlevel: 1000,
-      // textStyle: {
+      z: 60,
-      //   fontSize: 13,
+      backgroundColor: "rgb(50,50,50)",
-      //   color: "#ccc",
+      textStyle: {
-      // },
+        fontSize: 13,
-      // enterable: true,
+        color: "#ccc",
-      // extraCssText: "max-height: 300px; overflow: auto;",
+      },
+      enterable: true,
+      extraCssText: "max-height: 300px; overflow: auto; border: none",
     },
     legend: {
       type: "scroll",

src/views/dashboard/graphs/HeatMap.vue

@@ -18,7 +18,6 @@ limitations under the License. -->
 <script lang="ts" setup>
 import { computed } from "vue";
 import type { PropType } from "vue";
-import { StandardConfig } from "@/types/dashboard";
 
 /*global defineProps */
 const props = defineProps({
@@ -31,11 +30,7 @@ const props = defineProps({
   intervalTime: { type: Array as PropType<string[]>, default: () => [] },
   config: {
     type: Object as PropType<any>,
-    default: () => ({}),
+    default: () => ({ metrics: [] }),
-  },
-  standard: {
-    type: Object as PropType<StandardConfig>,
-    default: () => ({}),
   },
 });
 const option = computed(() => getOption());

src/views/dashboard/graphs/Line.vue

@@ -153,7 +153,7 @@ function getOption() {
         color: "#ccc",
       },
       enterable: true,
-      extraCssText: "max-height: 300px; overflow: auto;",
+      extraCssText: "max-height: 300px; overflow: auto; border: none",
     },
     legend: {
       type: "scroll",