diff --git a/topology/web/src/views/ClusterView.vue b/topology/web/src/views/ClusterView.vue
index 9556768a7cec4993eebeaf6958dd5be46add3ace..fa7fce4fe37bb7b3d0dc14ef7628ef72feed7395 100644
--- a/topology/web/src/views/ClusterView.vue
+++ b/topology/web/src/views/ClusterView.vue
@@ -98,6 +98,7 @@ function updateDrawer(node: any) {
   drawer.value = drawer.value ? false : true;
 
   // console.log(node)
+  table_data = [];
   let metrics = node.model.metrics;
   for (let key in metrics) {
     table_data.push({
diff --git a/topology/web/src/views/NodeView.vue b/topology/web/src/views/NodeView.vue
index d7139191033134864ae6930dbe772de8f24b43c2..d7d957e03476a5eaad69a3e5ae4a401c93a6f475 100644
--- a/topology/web/src/views/NodeView.vue
+++ b/topology/web/src/views/NodeView.vue
@@ -74,6 +74,9 @@ async function handleNodeSelected(node: any) {
 }
 
 function initGraph(data: any) {
+  if (graph.value != null) {
+    graph.value.destroy();
+  }
   graph.value = new G6.TreeGraph({
     container: "topo-container",
     width: document.getElementById("topo-container")!.clientWidth,
@@ -135,6 +138,7 @@ function updateDrawer(node: any) {
   drawer.value = drawer.value ? false : true;
 
   // console.log(node);
+  table_data = [];
   let metrics = node.model.node.metrics;
   for (let key in metrics) {
     table_data.push({