diff --git a/nezha-fronted/src/components/common/language/cn.js b/nezha-fronted/src/components/common/language/cn.js
index d08c51fef..dcf72c5ee 100644
--- a/nezha-fronted/src/components/common/language/cn.js
+++ b/nezha-fronted/src/components/common/language/cn.js
@@ -855,7 +855,13 @@ const cn = {
       chartName:'图表名称',
       unit:'单位',
       addModule:'添加组件',
-
+      edit:'编辑',
+      refresh:'刷新',
+      endpoint:'Endpoint Table',
+      asset:'资产信息',
+      total:'图表',
+      info:'组件信息',
+      alert:'告警信息',
     },
   },
   el: {
diff --git a/nezha-fronted/src/components/common/language/en.js b/nezha-fronted/src/components/common/language/en.js
index 67fbbafe2..40a1ca5b0 100644
--- a/nezha-fronted/src/components/common/language/en.js
+++ b/nezha-fronted/src/components/common/language/en.js
@@ -863,7 +863,13 @@ const en = {
       chartName:'Name',
       unit:'Unit',
       addModule:'Add Module',
-
+      edit:'edit',
+      refresh:'refresh',
+      endpoint:'Endpoint',
+      asset:'Asset',
+      total:'Chart',
+      info:'Module Info',
+      alert:'Alert Message',
     },
   },
   ...enLocale
diff --git a/nezha-fronted/src/components/common/project/popData/Info.vue b/nezha-fronted/src/components/common/project/popData/Info.vue
index 902a2a76b..5e754e236 100644
--- a/nezha-fronted/src/components/common/project/popData/Info.vue
+++ b/nezha-fronted/src/components/common/project/popData/Info.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="info-content">
     <div class="info-box" v-loading="loading">
-      <div class="info-box-title">module info</div>
+      <div class="info-box-title">Module info</div>
       <div class="info-box-content">
         <div class="content-box">
-          <span class="content-title">project</span>
+          <span class="content-title">Project</span>
           <span class="content-text">{{moduleInfo.project.name}}</span>
         </div>
         <div class="content-box">
-          <span class="content-title">module name</span>
+          <span class="content-title">Module name</span>
           <span class="content-text">{{moduleInfo.name}}</span>
         </div>
         <div class="content-box">
diff --git a/nezha-fronted/src/components/common/project/topology.vue b/nezha-fronted/src/components/common/project/topology.vue
index 559350e4b..200fd0295 100644
--- a/nezha-fronted/src/components/common/project/topology.vue
+++ b/nezha-fronted/src/components/common/project/topology.vue
@@ -33,7 +33,7 @@
         :style="{transform:'scale('+zoom+')'}"
         v-show="networkPopShow"
       >
-        <i class="nz-icon nz-icon-hexagonBorder"  v-for="item in popData"  :style="{top:item.top,left:item.left}" @click="popClick(item.id)">
+        <i class="nz-icon nz-icon-hexagonBorder"  v-for="item in popData"  :style="{top:item.top,left:item.left}" @click="popClick(item.id)" :title="item.title">
           <i class="nz-icon nz-icon-liubianxing"></i>
           <i :class="[item.className,{'nz-icon':item.className},'noMove']"></i>
         </i>
@@ -242,12 +242,12 @@
           image:'',
         },
         popData:[
-          {top:'-20px', left:'-17px',className:'nz-icon-endpoint',id:'endpoint'},
-          {top:'-20px', left:'28px',className:'nz-icon-shujuku',id:'asset'},
-          {top:'18px',  left:'52px',className:'nz-icon-chart',id:'total'},
-          {top:'56px', left:'28px',className:'',id:'other'},
-          {top:'56px', left:'-17px',className:'nz-icon-info-normal',id:'info'},
-          {top:'18px', left:'-38px',className:'nz-icon-gaojing',id:'alert'},
+          {top:'-20px', left:'-17px',className:'nz-icon-endpoint',id:'endpoint',title:this.$t('project.topology.endpoint')},
+          {top:'-20px', left:'28px',className:'nz-icon-shujuku',id:'asset',title:this.$t('project.topology.asset')},
+          {top:'18px',  left:'52px',className:'nz-icon-chart',id:'total',title:this.$t('project.topology.total')},
+          {top:'56px', left:'28px',className:'',id:'other',title:''},
+          {top:'56px', left:'-17px',className:'nz-icon-info-normal',id:'info',title:this.$t('project.topology.info')},
+          {top:'18px', left:'-38px',className:'nz-icon-gaojing',id:'alert',title:this.$t('project.topology.alert')},
         ],
         popDataShow:{
           endpoint:false,
@@ -269,7 +269,8 @@
         // network:null,
         container:null,
         options:{},
-        data:{}
+        data:{},
+        timeInterval:'',
       }
     },
     methods:{// 保存拓扑图数据
@@ -361,8 +362,8 @@
             width: 2,
             smooth:{  //设置两个节点之前的连线的状态
               enabled: false,//默认是true，设置为false之后，两个节点之前的连线始终为直线，不会出现贝塞尔曲线
-              roundness:0.5,
-              type: "curvedCW",
+              roundness:1,
+              type: "dynamic",
             },
             font:{
               align:'bottom',
@@ -431,7 +432,7 @@
       setData(){
         this.setNetworkData(this.nodesArray,this.edgesArray);
       },
-      setNetworkData(nodes,edges){//动态设置拓扑图数据
+      setNetworkData(nodes,edges,flag){//动态设置拓扑图数据
         let this_ = this;
         this.nodes = new Vis.DataSet(nodes);
         this.edges = new Vis.DataSet(edges);
@@ -444,11 +445,13 @@
           scale: this_.zoom,
           offset: {x:0, y:0},
         });
-        this.$nextTick(()=>{
-          this_.modelTopUpdate();
-          this_.arrayDiff();
-          this_.popDataShowUpdate();
-        })
+        if(!flag){
+          this.$nextTick(()=>{
+            this_.modelTopUpdate();
+            this_.arrayDiff();
+            this_.popDataShowUpdate();
+          })
+        }
       },
       addModel(model){ // 添加model
         this.addNodeShow=false;
@@ -681,9 +684,41 @@
           this.setPopPosition(this.selNodeId);
           this.popDataShowUpdate();
         })
+      },
+      qqq(){
+        let nodesArray=[...this.nodesArray];
+        let edgesArray=[...this.edgesArray];
+        this.edgesArray.forEach((item)=>{
+         if(item.dataFlow==='right'&&item.dashes){
+           if(item.dashes[0]!==0){
+             item.dashes[0]--;
+           }else if(item.dashes[1]!==0){
+             item.dashes[1]--;
+           }else{
+             item.dashes[0]=item.dashes[2];
+             item.dashes[1]=item.dashes[2];
+           }
+         }else if(item.dataFlow==='left'&&item.dashes){
+           if(item.dashes[1]!==item.dashes[2]){
+             item.dashes[1]++;
+           }else if(item.dashes[0]!==item.dashes[2]){
+             item.dashes[0]++;
+           }else{
+             item.dashes[0]=0;
+             item.dashes[1]=0;
+           }
+         }
+        });
+        this.selNodeId='';
+        this.$emit('setTopologyData',nodesArray, edgesArray);
+        this.setNetworkData(nodesArray, edgesArray,true);
       }
     },
     mounted(){
+      // this.timeInterval=setInterval(()=>{
+      //   this.qqq();
+      //   console.log(123);
+      // },300);
        setTimeout(()=>{
          let this_=this;
          this.init('modal');
@@ -721,6 +756,7 @@
          this.network.on("selectEdge", function (params) { // 选择边
            this_.selNodeId='';
            this_.lineData=this_.edgesArray.find((item)=>item.id===params.edges[0]);
+           console.log(this_.lineData);
           if(this_.editVisNetwork){
             this_.lineData.color=this_.lineData.color.color?this_.lineData.color.color:this_.lineData.color;
             this_.addLineShow=true;
@@ -739,10 +775,12 @@
 
          this.network.on("hoverEdge", function () { // 悬停边
            this_.hoverEdge=true;
+           this_.cursorMove=true;
          });
 
          this.network.on("blurEdge", function () { // 边失去焦点
            this_.hoverEdge=false;
+           this_.cursorMove=false;
          });
 
          this.network.on("dragStart", function (params) {//节点移动开始
@@ -796,13 +834,6 @@
          this.network.on("blurNode", function () {//blurNode
            this_.cursorMove=false;
          });
-         this.network.on("hoverEdge", function () {//hoverNode
-           this_.cursorMove=true;
-         });
-
-         this.network.on("blurEdge", function () {//blurNode
-           this_.cursorMove=false;
-         });
 
          this.network.on("zoom", function (params) {//检测缩放
            this_.zoom=params.scale;
@@ -813,6 +844,7 @@
            }
            return false
          });
+
          this.network.on("resize", function (params,a) {//检测resize
 
            setTimeout(()=>{
diff --git a/nezha-fronted/src/components/common/project/visNetwork.vue b/nezha-fronted/src/components/common/project/visNetwork.vue
index eb18c2d31..ad6f507ee 100644
--- a/nezha-fronted/src/components/common/project/visNetwork.vue
+++ b/nezha-fronted/src/components/common/project/visNetwork.vue
@@ -24,8 +24,8 @@
                 <!--<span class="chart-title-icon"><i class="el-icon-caret-bottom el-icon&#45;&#45;right"  :class="{'visible':caretShow,'hidden':!caretShow}"></i></span>-->
               </span>
               <div style="height: 24px">
-                <i class="nz-icon nz-icon-edit float-right"  @click="editVisNetworkChange(true)" v-show="!editVisNetwork"></i>
-                <i class="nz-icon nz-icon-refresh float-right"  @click="reload" v-show="!editVisNetwork"></i>
+                <i class="nz-icon nz-icon-edit float-right"  @click="editVisNetworkChange(true)" v-show="!editVisNetwork" :title="$t('project.topology.edit')"></i>
+                <i class="nz-icon nz-icon-refresh float-right"  @click="reload" v-show="!editVisNetwork" :title="$t('project.topology.refresh')"></i>
                 <!--<i class="nz-icon nz-icon-zoomin float-right"></i>-->
                 <!--<i class="nz-icon nz-icon-exit-full-screen float-right"></i>-->
               </div>
@@ -261,10 +261,18 @@
       formatEdgesArr(arr){
         let arr1=[];
         if(!arr){return arr1}
-        arr.forEach((item)=>{
+        arr.forEach((item,index)=>{
           item.from=item.source;
           item.to=item.target;
           item.label=item.name;
+          item.dashes=(item.dashes?(new Array(100).fill(item.dashes[0])):item.dashes);
+          if(index%2==0&&item.dashes){
+            item.dataFlow='left';
+            item.dashes[0]=0;
+            item.dashes[1]=0;
+          } else if(index%2==1&&item.dashes){
+            item.dataFlow='right'
+          }
         });
         return arr
       },