diff --git a/nezha-fronted/src/components/charts/chart-list.vue b/nezha-fronted/src/components/charts/chart-list.vue
index bbc6a9d05..899a5babd 100644
--- a/nezha-fronted/src/components/charts/chart-list.vue
+++ b/nezha-fronted/src/components/charts/chart-list.vue
@@ -838,6 +838,8 @@
                       type: 'pie',
                       radius: ['20%', '100%'],
                       center: ['50%', '50%'],
+                      top:"20%",
+                      bottom:"20%",
                       roseType: 'radius',
                       minAngle:10,
                       itemStyle: {
diff --git a/nezha-fronted/src/components/charts/chart-pie.vue b/nezha-fronted/src/components/charts/chart-pie.vue
index adb1a535d..267161326 100644
--- a/nezha-fronted/src/components/charts/chart-pie.vue
+++ b/nezha-fronted/src/components/charts/chart-pie.vue
@@ -40,7 +40,7 @@
             </ul>
           </el-dropdown>
         </div>
-        <div :id="'pie-chart-local-'+chartIndex" ref="pieChartLocal" ></div>
+        <div :id="'pie-chart-local-'+chartIndex" ref="pieChartLocal" style="display: flex;justify-content: center"></div>
         <div class="chart-no-data" v-show="noData">No Data</div>
         <div class='legend-container' ref="legendArea" v-show="firstShow">
           <div v-for="(item, index) in legend" :title="item.alias?item.alias:item.name"  @click="clickLegend(item.name,index)" class="legend-item" :class="{'ft-gr':isGrey[index]}" :key="'legend_' + item.name+'_'+index">
@@ -374,7 +374,6 @@ export default {
       },
       initChart:function(type){
         this.option.series = this.pieData;
-
         if(type == 'local'){
           this.initLocal();
         }else{
diff --git a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
index 6b77f9275..454680d19 100644
--- a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
+++ b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
@@ -822,7 +822,10 @@
           </div>
         </div>
 
-        <div class="project-content-title">{{$t('project.topology.name')}}</div>
+        <div class="project-content-title">
+          Appearance
+          <!--{{$t('project.topology.name')}}-->
+        </div>
 
         <div class="project-content-box" style="width: 100%">
           <div class="project-content-item half">