feat：修改饼图到上方的位置 以及缩放后的居中

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: {

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{

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