diff --git a/nezha-fronted/src/components/common/project/topology.vue b/nezha-fronted/src/components/common/project/topology.vue
index 4081d718e..bbb00dc9d 100644
--- a/nezha-fronted/src/components/common/project/topology.vue
+++ b/nezha-fronted/src/components/common/project/topology.vue
@@ -13,6 +13,7 @@
       </span>
       <span v-show="!selectNodeTitle&&editVisNetwork" class="edit-topologyLine">
         <el-button @click="saveTopology" class="saveTopology">save</el-button>
+        <el-button @click="cancelTopology" class="saveTopology">cancel</el-button>
       </span>
       <span class="edit-topology-line-cancel" v-show="selectNodeTitle&&editVisNetwork">Please select two nodes  <span class="edit-topologyCancel" @click="closeAddLine">Cancel</span></span>
     </div>
@@ -285,6 +286,9 @@
         });
         this.$emit('editVisNetworkChange',false);
       },
+      cancelTopology(){
+        this.$emit('reload');
+      },
       formatNodes(arr){
         let arr1=[];
         arr.forEach(item=>{
diff --git a/nezha-fronted/src/components/common/project/visNetwork.vue b/nezha-fronted/src/components/common/project/visNetwork.vue
index 43612002e..ecb2c04a8 100644
--- a/nezha-fronted/src/components/common/project/visNetwork.vue
+++ b/nezha-fronted/src/components/common/project/visNetwork.vue
@@ -106,6 +106,7 @@
             :allModuleInfo="allModuleInfo"
             v-loading="topologyLoading"
             @editVisNetworkChange="editVisNetworkChange"
+            @reload="reload"
           >
           </topology>
         </div>
@@ -216,6 +217,29 @@
           this.$refs['topology'].zoom=1;
         })
       },
+      reload(){
+        this.topologyLoading=true;
+        this.editVisNetwork=false;
+        this.$get('/project/topo',{projectId:this.projectInfo.id}).then(res=>{
+          if(res.data.topo&&res.data.topo.nodes.length>0){
+            this.nodesArray=[];
+            this.edgesArray=[];
+            this.nodesArrayOther=this.formatNodesArr(res.data.topo.nodes);
+            this.edgesArrayOther=this.formatEdgesArr(res.data.topo.lines);
+          }else{
+            this.nodesArray=[];
+            this.edgesArray=[];
+            setTimeout(()=>{
+              this.topologyLoading=false;
+              this.$refs['topology'].setData();
+            },500)
+          }
+          // res.data.topo.viewsCenter?res.data.topo.viewsCenter:
+          this.$refs['topology'].viewsCenter={x:0,y:0};
+          // res.data.topo.zoom?res.data.topo.zoom:
+          this.$refs['topology'].zoom=1;
+        })
+      },
       formatNodesArr(arr){
         let arr1=[];
         if(!arr || arr.length==0){