From 492796c62a326a0b2e4046d775de7b2c262c6490 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Mon, 8 Feb 2021 10:20:22 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E4=BF=AE=E6=94=B9=E9=A5=BC?=
 =?UTF-8?q?=E5=9B=BE=E5=88=B0=E4=B8=8A=E6=96=B9=E7=9A=84=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=20=E4=BB=A5=E5=8F=8A=E7=BC=A9=E6=94=BE=E5=90=8E=E7=9A=84?=
 =?UTF-8?q?=E5=B1=85=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/charts/chart-list.vue           | 2 ++
 nezha-fronted/src/components/charts/chart-pie.vue            | 3 +--
 .../src/components/common/project/L5/CanvasProps.vue         | 5 ++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

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">