diff --git a/src/views/dashboard/controls/Widget.vue b/src/views/dashboard/controls/Widget.vue
index 9d59831e..2f796d8b 100644
--- a/src/views/dashboard/controls/Widget.vue
+++ b/src/views/dashboard/controls/Widget.vue
@@ -54,7 +54,7 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts">
-import { toRefs, reactive, defineComponent, ref } from "vue";
+import { toRefs, reactive, defineComponent, ref, watch } from "vue";
 import type { PropType } from "vue";
 import { LayoutConfig } from "@/types/dashboard";
 import { useDashboardStore } from "@/store/modules/dashboard";
@@ -114,12 +114,15 @@ export default defineComponent({
       dashboardStore.setConfigPanel(true);
       dashboardStore.selectWidget(props.data);
     }
-    // watch(
-    //   () => data.value,
-    //   (data) => {
-    //     console.log(data);
-    //   }
-    // );
+    watch(
+      () => [props.data.queryMetricType, props.data.metrics],
+      (data, old) => {
+        if (data[0] === old[0] && data[1] === old[1]) {
+          return;
+        }
+        queryMetrics();
+      }
+    );
     return {
       state,
       appStoreWithOut,
diff --git a/src/views/dashboard/graphs/index.ts b/src/views/dashboard/graphs/index.ts
index d7a79163..fbf6e9fe 100644
--- a/src/views/dashboard/graphs/index.ts
+++ b/src/views/dashboard/graphs/index.ts
@@ -18,7 +18,7 @@
 import Area from "./Area.vue";
 import Line from "./Line.vue";
 import Bar from "./Bar.vue";
-import Heatmap from "./Heatmap.vue";
+// import Heatmap from "./Heatmap.vue";
 import TopList from "./TopList.vue";
 import Table from "./Table.vue";
 import Pie from "./Pie.vue";
@@ -27,7 +27,7 @@ import Card from "./Card.vue";
 export default {
   Line,
   Bar,
-  Heatmap,
+  // Heatmap,
   TopList,
   Area,
   Table,