diff --git a/nezha-fronted/src/components/common/language/cn.js b/nezha-fronted/src/components/common/language/cn.js
index 467c890a2..688900262 100644
--- a/nezha-fronted/src/components/common/language/cn.js
+++ b/nezha-fronted/src/components/common/language/cn.js
@@ -139,6 +139,7 @@ const cn = {
         sync: '同步到设备',
         last:'Last',
         threshold:'阈值',
+        thresholds:'阈值',
         typeVal: {
           line: {
             label: "曲线图"
@@ -205,7 +206,7 @@ const cn = {
         legendValue:'Legend option',
         content:'内容',
         tooltip:'Tooltip',
-        displayChart:'Display chart',
+        displayChart:'图表',
         aggregation:"Aggregation",
       },
       chartTableColumn: {
@@ -956,7 +957,8 @@ const cn = {
       addLine:'添加连线',
       editLine:'编辑连线',
       lineName:'连线名称',
-      width:'宽度',
+      width:'宽',
+      height:'高',
       dashes:'虚线',
       option:'设置',
       arrows:'箭头方向',
@@ -982,6 +984,41 @@ const cn = {
       imgMeasure:'上传的图片宽高必须都大于100!',
       data:"数据",
       style:'样式',
+      title:'标题',
+      level:'等级',
+      value:'值',
+      animation:'动画',
+      animationType:'动画类型',
+      animationColor:'动画颜色',
+      link:'链接',
+      fill:'背景',
+      lines:'边框',
+      text:'文字',
+      name:'名称',
+      bac:'背景',
+      bacImage:'背景图片',
+      defaultLineWidth:'默认线宽',
+      lineWidth:'线条宽度',
+      grids:'网格',
+      gridSize:'网格大小',
+      gridColor:'网格颜色',
+      rule:'标尺',
+      ruleColor:"标尺颜色",
+      defaultStartArrow:'默认开始箭头',
+      defaultEndArrow:'默认结束箭头',
+      positionAndSize:"位置和大小",
+      circularBead:'圆角',
+      rotate:'旋转',
+      pl:"内边距 - 左",
+      pt:"内边距 - 上",
+      pr:"内边距 - 右",
+      pb:"内边距 - 下",
+      gradient:'渐变',
+      lineStyle:'线条样式',
+      lineColor:'线条颜色',
+      fromArrow:"起点箭头",
+      toArrow:"终点箭头",
+      arrowColor:"箭头颜色",
     },
   },
   date:{
diff --git a/nezha-fronted/src/components/common/language/en.js b/nezha-fronted/src/components/common/language/en.js
index 48cc2ff11..e250bd770 100644
--- a/nezha-fronted/src/components/common/language/en.js
+++ b/nezha-fronted/src/components/common/language/en.js
@@ -152,6 +152,7 @@ const en = {
         sync: 'Sync to assets',
         last:'Last',
         threshold:'Threshold',
+        thresholds:'Thresholds',
         typeVal:{
           line:{
             label:'Line Chart' //"曲线图"
@@ -962,7 +963,8 @@ const en = {
       addLine:'Add line',
       editLine:'Edit line',
       lineName:'Line Name',
-      width:'thickness',
+      width:'Width',
+      height:'Height',
       dashes:'dotted line',
       option:'Option',
       arrows:'arrows',
@@ -978,7 +980,7 @@ const en = {
       total:'Chart',
       info:'Module Info',
       alert:'Alert Message',
-      lineType:'linetype',
+      lineType:'Line type',
       straight:'straight',
       curve:'curve',
       upload:'upload',
@@ -988,6 +990,41 @@ const en = {
       imgMeasure:'The width and height of uploaded pictures must be greater than 100!',
       data:"Data",
       style:'Style',
+      title:'Title',
+      level:'Level',
+      value:'Value',
+      animation:'Animation',
+      animationType:'Animation type',
+      animationColor:'Animation color',
+      link:'Link',
+      fill:'Fill',
+      lines:'Line',
+      text:'Text',
+      name:'Name',
+      bac:"Background",
+      bacImage:'Background image',
+      defaultLineWidth:'Default lineWidth',
+      lineWidth:'Line width',
+      grids:'Grids',
+      gridSize:'Grid Size',
+      gridColor:'Grid Color',
+      rule:"Rule",
+      ruleColor:"Rule Color",
+      defaultStartArrow:'Default start arrow',
+      defaultEndArrow:'Default end arrow',
+      positionAndSize:"Position&Size",
+      circularBead:'Circular bead',
+      rotate:'Rotate',
+      pl:"Padding left",
+      pt:"Padding top",
+      pr:"Padding right",
+      pb:"Padding bottom",
+      gradient:'Gradient',
+      lineStyle:'Line dash',
+      lineColor:'Line color',
+      fromArrow:"From arrow",
+      toArrow:"To arrow",
+      arrowColor:"Arrow color",
     },
   },
   date:{
diff --git a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
index bb0fbd892..9461e1955 100644
--- a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
+++ b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
@@ -23,7 +23,7 @@
             </el-select>
           </el-form-item>
           <!--iconToolState-->
-          <el-form-item :label="'icon state'" class="half-form-item" prop="type" v-if="!selection.pen.type">
+          <el-form-item :label="'Icon state'" class="half-form-item" prop="type" v-if="!selection.pen.type">
             <el-switch
               v-model="selection.pen.data.iconToolState"
               :active-value="true"
@@ -91,7 +91,7 @@
 
           <div class="tooltip-box">
             <!--title-->
-            <el-form-item :label="'Title'" class="full-form-item" prop="type">
+            <el-form-item :label="$t('project.topology.title')" class="full-form-item" prop="type">
               <el-input v-model="selection.pen.data.title" @change="changeTitle" class="input" size="small"></el-input>
             </el-form-item>
             <!--chart aggregation-->
@@ -140,16 +140,16 @@
           </div>
           <!--value mapping-->
           <el-row class="form-row-title">
-            {{'Thresholds'}} <span
+            {{$t('dashboard.panel.chartForm.thresholds')}} <span
             style="font-size: 12px;color: #666666;letter-spacing: 0;font-weight: 400;margin-left: 10px">（0:Ok > … >2:Critical）</span>
           </el-row>
           <div style="width: 100%;margin-top: 10px">
             <div class="thresholds-box">
               <el-row class="thresholds-title">
-                <el-col class="thresholds-cell" :span="4">Level</el-col>
-                <el-col class="thresholds-cell" :span="4">Color</el-col>
-                <el-col class="thresholds-cell" :span="4">Value</el-col>
-                <el-col class="thresholds-cell" :span="8">Animation</el-col>
+                <el-col class="thresholds-cell" :span="4">{{$t('project.topology.level')}}</el-col>
+                <el-col class="thresholds-cell" :span="4">{{$t('project.topology.color')}}</el-col>
+                <el-col class="thresholds-cell" :span="4">{{$t('project.topology.value')}}</el-col>
+                <el-col class="thresholds-cell" :span="8">{{$t('project.topology.animation')}}</el-col>
                 <el-col class="thresholds-cell" :span="4"></el-col>
               </el-row>
 
@@ -181,9 +181,9 @@
                       <div
                         class="color-tab"
                         v-show="item.showColor">
-                        <div :class="{'color-active':item.showType=='fill'}" @click="changeShowPicker(item ,'fill')">Fill</div>
-                        <div :class="{'color-active':item.showType=='line'}" @click="changeShowPicker(item , 'line')">Line</div>
-                        <div :class="{'color-active':item.showType=='text'}" @click="changeShowPicker(item , 'text')">Text</div>
+                        <div :class="{'color-active':item.showType=='fill'}" @click="changeShowPicker(item ,'fill')">{{$t('project.topology.fill')}}</div>
+                        <div :class="{'color-active':item.showType=='line'}" @click="changeShowPicker(item , 'line')">{{$t('project.topology.lines')}}</div>
+                        <div :class="{'color-active':item.showType=='text'}" @click="changeShowPicker(item , 'text')">{{$t('project.topology.text')}}</div>
                       </div>
                     </div>
                   </span>
@@ -204,7 +204,6 @@
                   <!--线-->
                   <el-select
                     v-model="item.animateType"
-                    placeholder="请选择"
                     size="small"
                     v-if="selection.pen&&selection.pen.type&&item.level!==0">
                     <el-option
@@ -217,7 +216,6 @@
                   <!--点-->
                   <el-select
                     v-model="item.animateType"
-                    placeholder="请选择"
                     size="small"
                     v-if="selection.pen&&!selection.pen.type&&item.level!==0">
                     <el-option
@@ -244,7 +242,7 @@
 
           <!--link-->
           <el-row class="form-row-title">
-            {{'Link'}}
+            {{$t('project.topology.link')}}
           </el-row>
           <el-form-item :label="'URL'" class="full-form-item" prop="type">
             <el-input v-model="selection.pen.data.url" class="input" size="small"></el-input>
@@ -256,7 +254,7 @@
       <el-tab-pane :label="$t('project.topology.style')" name="4">
         <el-collapse v-model="activeNames">
           <!--位置大小-->
-          <el-collapse-item title="位置和大小" name="3" v-if="selection.pen&&!selection.pen.type">
+          <el-collapse-item :label="$t('project.topology.positionAndSize')" name="3" v-if="selection.pen&&!selection.pen.type">
             <div class="flex flex-warp">
 
               <div class="props-pen-item">
@@ -297,7 +295,7 @@
               </div>
 
               <div class="props-pen-item">
-                <div>宽（px）</div>
+                <div>{{$t('project.topology.width')}}（px）</div>
                 <div class="p10 pl0">
                   <el-input-number
                     @focus="inputFocus"
@@ -316,7 +314,7 @@
               </div>
 
               <div class="props-pen-item">
-                <div>高（px）</div>
+                <div>{{$t('project.topology.height')}}（px）</div>
                 <div class="p10 pl0">
                   <el-input-number
                     @focus="inputFocus"
@@ -335,7 +333,7 @@
               </div>
 
               <div class="props-pen-item">
-                <div title="百分比%对应的小数值">圆角（0 - 1）</div>
+                <div>{{$t('project.topology.circularBead')}}（0 - 1）</div>
                 <div class="p10 pl0">
                   <el-input-number
                     @focus="inputFocus"
@@ -356,7 +354,7 @@
               </div>
 
               <div class="props-pen-item">
-                <div>旋转（°）</div>
+                <div>{{$t('project.topology.rotate')}}（°）</div>
                 <div class="p10 pl0">
                   <el-input-number
                     @focus="inputFocus"
@@ -373,7 +371,7 @@
               </div>
 
               <div class="props-pen-item">
-                <div>内边距 上（px）</div>
+                <div>{{$t('project.topology.pt')}}（px）</div>
                 <div class="p10 pl0">
                   <el-input-number
                     @focus="inputFocus"
@@ -392,7 +390,7 @@
               </div>
 
               <div class="props-pen-item">
-                <div>内边距 下（px）</div>
+                <div>{{$t('project.topology.pb')}}（px）</div>
                 <div class="p10 pl0">
                   <el-input-number
                     @focus="inputFocus"
@@ -411,7 +409,7 @@
               </div>
 
               <div class="props-pen-item">
-                <div>内边距 左（px）</div>
+                <div>{{$t('project.topology.pl')}}（px）</div>
                 <div class="p10 pl0">
                   <el-input-number
                     @focus="inputFocus"
@@ -430,7 +428,7 @@
               </div>
 
               <div class="props-pen-item">
-                <div>内边距 右（px）</div>
+                <div>{{$t('project.topology.pr')}}（px）</div>
                 <div class="p10 pl0">
                   <el-input-number
                     @focus="inputFocus"
@@ -451,10 +449,10 @@
             </div>
           </el-collapse-item>
           <!--样式-->
-          <el-collapse-item title="样式" name="4" v-if="selection.pen">
+          <el-collapse-item :label="$t('project.topology.style')" name="4" v-if="selection.pen">
             <div class="flex flex-warp">
               <div class="props-pen-item" v-if="selection.pen&&!selection.pen.type">
-                <div>背景颜色</div>
+                <div>{{$t('project.topology.bac')}}</div>
                 <div class="p10 pl0">
                   <div class="color-show" @click="colorPickerClick('fillStyle')">
                     <div class="color-show-left" :style="{background:selection.pen.fillStyle}"></div>
@@ -476,7 +474,7 @@
               </div>
 
               <div class="props-pen-item" v-if="selection.pen&&!selection.pen.type">
-                <div>Gradient</div>
+                <div>{{$t('project.topology.gradient')}}</div>
                 <div class="p10 pl0 gradient-to">
                   <el-color-picker
                     v-model="selection.pen.gradientToColor"
@@ -485,7 +483,7 @@
                     size="small"
                   >
                   </el-color-picker>
-                  <el-select v-model="selection.pen.bkType" placeholder="请选择" size="small"
+                  <el-select v-model="selection.pen.bkType" size="small"
                              :popper-append-to-body="false" @change="bkTypeChange">
                     <el-option v-for="(item,index) in bkTypeOption" :value="item.id" :key="index"
                                :label="item.name">
@@ -515,9 +513,9 @@
               </div>
 
               <div class="props-pen-item special-select">
-                <div>线条样式</div>
+                <div>{{$t('project.topology.lineDash')}}</div>
                 <div class="p10 pl0">
-                  <el-select v-model="selection.pen.dash" placeholder="请选择" size="small" :popper-append-to-body="false"
+                  <el-select v-model="selection.pen.dash" size="small" :popper-append-to-body="false"
                              @change="onChange">
                     <div slot="prefix">
                       <div class="icon-item">
@@ -545,9 +543,9 @@
               </div>
 
               <div class="props-pen-item special-select" v-if="selection.pen&&selection.pen.type">
-                <div>连线类型</div>
+                <div>{{$t('project.topology.lineType')}}</div>
                 <div class="p10 pl0">
-                  <el-select v-model="selection.pen.name" placeholder="请选择" size="small" :popper-append-to-body="false"
+                  <el-select v-model="selection.pen.name" size="small" :popper-append-to-body="false"
                              @change="onClickName">
                     <div slot="prefix">
                       <div class="icon-item">
@@ -575,9 +573,9 @@
               </div>
 
               <div class="props-pen-item special-select" v-if="selection.pen&&selection.pen.type">
-                <div>起点箭头</div>
+                <div>{{$t('project.topology.fromArrow')}}</div>
                 <div class="p10 pl0">
-                  <el-select v-model="selection.pen.fromArrow" placeholder="请选择" size="small"
+                  <el-select v-model="selection.pen.fromArrow" size="small"
                              :popper-append-to-body="false" @change="onClickFromArrow">
                     <div slot="prefix">
                       <div class="icon-item">
@@ -624,9 +622,9 @@
               </div>
 
               <div class="props-pen-item special-select" v-if="selection.pen&&selection.pen.type">
-                <div>终点箭头</div>
+                <div>{{$t('project.topology.toArrow')}}</div>
                 <div class="p10 pl0">
-                  <el-select v-model="selection.pen.toArrow" placeholder="请选择" size="small"
+                  <el-select v-model="selection.pen.toArrow" size="small"
                              :popper-append-to-body="false" @change="onClickToArrow">
                     <div slot="prefix">
                       <div class="icon-item">
@@ -673,7 +671,7 @@
               </div>
 
               <div class="props-pen-item">
-                <div>线条宽度（px）</div>
+                <div>{{$t('project.topology.lineWidth')}}（px）</div>
                 <div class="p10 pl0">
                   <el-input-number
                     @focus="inputFocus"
@@ -692,7 +690,7 @@
               </div>
 
               <div class="props-pen-item">
-                <div>线条颜色</div>
+                <div>{{$t('project.topology.lineColor')}}</div>
                 <div class="p10 pl0">
                   <div class="color-show" @click="colorPickerClick('strokeStyle')">
                     <div class="color-show-left" :style="{background:selection.pen.strokeStyle}"></div>
@@ -714,7 +712,7 @@
                 </div>
               </div>
               <div class="props-pen-item" v-if="selection.pen.type">
-                <div>箭头颜色</div>
+                <div>{{$t('project.topology.arrowColor')}}</div>
                 <div class="p10 pl0">
                   <div class="color-show" @click="colorPickerClick('arrowColor')">
                     <div class="color-show-left" :style="{background:selection.pen.arrowColor}"></div>
@@ -739,7 +737,7 @@
           </el-collapse-item>
         </el-collapse>
         <div class="project-content node-content">
-          <div class="project-content-title">Animation
+          <div class="project-content-title">{{$t('project.topology.animation')}}
             <span class="float-right" style="margin-right: 10px">
               <el-switch
                 v-model="selection.pen.animatePlay"
@@ -753,7 +751,7 @@
           <div class="project-content-box" style="width: 100%">
             <!--节点动画-->
             <div class="project-content-item" v-if="!selection.pen.type">
-              <label>Type：</label>
+              <label>{{$t('project.topology.animationType')}}</label>
               <div class="full pr10">
                 <el-select
                   v-model="selection.pen.animateType"
@@ -767,9 +765,9 @@
             </div>
             <!--连线-->
             <div class="project-content-item half" v-if="selection.pen.type">
-              <label>Type：</label>
+              <label>{{$t('project.topology.animationType')}}</label>
               <div class="full pr10">
-                <el-select v-model="selection.pen.animateType" placeholder="请选择" size="small"
+                <el-select v-model="selection.pen.animateType" size="small"
                            :popper-append-to-body="false" @change="onAnimate">
                   <el-option v-for="(item,index) in lineAnimateOptions" :value="item.id" :key="index"
                              :label="item.name"></el-option>
@@ -777,7 +775,7 @@
               </div>
             </div>
             <div class="project-content-item half" v-if="selection.pen.type">
-              <label>Type：</label>
+              <label>{{$t('project.topology.animationColor')}}</label>
               <div class="full pr10">
                 <div class="color-show" @click="colorPickerClick('animateColor')">
                   <div class="color-show-left" :style="{background:selection.pen.animateColor}"></div>
@@ -811,24 +809,24 @@
         Project
       </div>
       <div class="project-content">
-        <div class="project-content-title">Title</div>
+        <div class="project-content-title">{{$t('project.topology.title')}}</div>
 
         <div class="project-content-box" style="width: 100%">
 
           <div class="project-content-item">
-            <label>Name：</label>
+            <label>{{$t('project.topology.name')}}</label>
             <div class="full pr10">
-              <el-input class="input" size="small" v-model="topologyData.data.name" placeholder="请输入名称"
+              <el-input class="input" size="small" v-model="topologyData.data.name" :placeholder="$t('el.select.placeholder')"
                         @change="changeTopologyOpt"></el-input>
             </div>
           </div>
         </div>
 
-        <div class="project-content-title">Appearance</div>
+        <div class="project-content-title">{{$t('project.topology.name')}}</div>
 
         <div class="project-content-box" style="width: 100%">
           <div class="project-content-item half">
-            <label>Backgroud：</label>
+            <label>{{$t('project.topology.bac')}}</label>
             <div class="full pr10 h32">
               <div class="color-show" @click="colorPickerClick('bkColor')">
                 <div class="color-show-left" :style="{background:topologyData.data.bkColor}"></div>
@@ -850,15 +848,15 @@
           </div>
 
           <div class="project-content-item half">
-            <label>Image：</label>
+            <label>{{$t('project.topology.bacImage')}}</label>
             <div class="full pr10 h32">
               <!--暂时是input 输入网址-->
-              <el-input class="input" size="small" v-model="topologyData.data.bkImage" placeholder="背景图片网址"></el-input>
+              <el-input class="input" size="small" v-model="topologyData.data.bkImage"></el-input>
             </div>
           </div>
 
           <div class="project-content-item half">
-            <label>默认线宽：</label>
+            <label>{{$t('project.topology.defaultLineWidth')}}</label>
             <div class="full pr10 h32">
               <el-input-number
                 @focus="inputFocus"
@@ -877,7 +875,7 @@
           </div>
 
           <div class="project-content-item half">
-            <label>背景网格：</label>
+            <label>{{$t('project.topology.grids')}}</label>
             <div class="full pr10 h32">
               <el-switch
                 v-model="topologyData.data.grid"
@@ -890,7 +888,7 @@
           </div>
 
           <div class="project-content-item half">
-            <label>网格大小：</label>
+            <label>{{$t('project.topology.gridSize')}}</label>
             <div class="full pr10 h32">
               <el-input-number
                 @focus="inputFocus"
@@ -908,7 +906,7 @@
           </div>
 
           <div class="project-content-item half">
-            <label>网格颜色：</label>
+            <label>{{$t('project.topology.gridColor')}}</label>
             <div class="full pr10 h32">
               <div class="color-show" @click="colorPickerClick('gridColor')">
                 <div class="color-show-left" :style="{background:topologyData.data.gridColor}"></div>
@@ -932,7 +930,7 @@
           </div>
 
           <div class="project-content-item half">
-            <label>标尺：</label>
+            <label>{{$t('project.topology.rule')}}</label>
             <div class="full pr10 h32">
               <el-switch
                 v-model="topologyData.data.rule"
@@ -945,7 +943,7 @@
           </div>
 
           <div class="project-content-item half">
-            <label>标尺颜色：</label>
+            <label>{{$t('project.topology.ruleColor')}}</label>
             <div class="full pr10 h32">
               <div class="color-show" @click="colorPickerClick('ruleColor')">
                 <div class="color-show-left" :style="{background:topologyData.data.ruleColor}"></div>
@@ -967,9 +965,9 @@
           </div>
 
           <div class="project-content-item half special-select">
-            <label>默认开始箭头：</label>
+            <label>{{$t('project.topology.defaultStartArrow')}}</label>
             <div class="full pr10 h32">
-              <el-select v-model="topologyData.data.fromArrow" placeholder="请选择" size="small"
+              <el-select v-model="topologyData.data.fromArrow" size="small"
                          :popper-append-to-body="false"
                          @change="changeTopologyOpt(topologyData.data.fromArrow,'fromArrow')">
                 <div slot="prefix">
@@ -1017,9 +1015,9 @@
           </div>
 
           <div class="project-content-item half special-select">
-            <label>默认结束箭头：</label>
+            <label>{{$t('project.topology.defaultEndArrow')}}</label>
             <div class="full pr10 h32">
-              <el-select v-model="topologyData.data.toArrow" placeholder="请选择" size="small"
+              <el-select v-model="topologyData.data.toArrow" size="small"
                          :popper-append-to-body="false"
                          @change="changeTopologyOpt('toArrow')">
                 <div slot="prefix">
@@ -1073,7 +1071,7 @@
         <div class="project-content-box" style="width: 100%">
 
           <div class="project-content-item half">
-            <label>Project Info：</label>
+            <label>Project Info</label>
             <div class="full pr10 h32">
               <el-switch
                 v-model="topologyData.data.projectInfo"
@@ -1086,7 +1084,7 @@
           </div>
 
           <div class="project-content-item half">
-            <label>Alert Info：</label>
+            <label>Alert Info</label>
             <div class="full pr10 h32">
               <el-switch
                 v-model="topologyData.data.alertInfo"
@@ -1100,14 +1098,14 @@
 
         </div>
 
-        <div class="project-content-title">Link</div>
+        <div class="project-content-title">{{$t('project.topology.link')}}</div>
 
         <div class="project-content-box" style="width: 100%">
 
           <div class="project-content-item">
             <label>Url</label>
             <div class="full pr10">
-              <el-input class="input" size="small" v-model="topologyData.data.url" placeholder="请输入名称"
+              <el-input class="input" size="small" v-model="topologyData.data.url" :placeholder="$t('el.select.placeholder')"
                         @change="changeTopologyOpt"></el-input>
             </div>
           </div>