From 45c2f724dac578b6cdcb22d8e8dd07970c07d84f Mon Sep 17 00:00:00 2001
From: junjun <junjie.xia@fit2cloud.com>
Date: Tue, 28 Jun 2022 10:42:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=B0=B4=E6=B3=A2=E5=9B=BE=E5=A4=A7?=
 =?UTF-8?q?=E5=B0=8F=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/chart/chart/util.js        |  3 ++-
 .../shape-attr/SizeSelectorAntV.vue           | 19 ++++++-------------
 2 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/frontend/src/views/chart/chart/util.js b/frontend/src/views/chart/chart/util.js
index de4ba5ead8..7e63f3f315 100644
--- a/frontend/src/views/chart/chart/util.js
+++ b/frontend/src/views/chart/chart/util.js
@@ -240,7 +240,8 @@ export const TYPE_CONFIGS = [
         'gaugeMin',
         'gaugeMax',
         'gaugeStartAngle',
-        'gaugeEndAngle'
+        'gaugeEndAngle',
+        'gaugeTickCount'
       ],
       'label-selector-ant-v': [
         'labelGauge'
diff --git a/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue b/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue
index c0152d0c85..9eb1348ca8 100644
--- a/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue
+++ b/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue
@@ -277,7 +277,7 @@
       <!--table-end-->
 
       <!--gauge-begin-->
-      <el-form v-show="chart.type && chart.type.includes('gauge')" ref="sizeFormGauge" :model="sizeForm" label-width="100px" size="mini">
+      <el-form ref="sizeFormGauge" :model="sizeForm" label-width="100px" size="mini">
         <el-form-item v-show="showProperty('gaugeMin')" :label="$t('chart.min')" class="form-item form-item-slider">
           <el-input-number v-model="sizeForm.gaugeMin" size="mini" @change="changeBarSizeCase" />
         </el-form-item>
@@ -314,22 +314,15 @@
             @change="changeBarSizeCase('gaugeEndAngle')"
           />
         </el-form-item>
-        <el-form-item v-show="showProperty('quotaFontSize')" :label="$t('chart.quota_font_size')" class="form-item">
-          <el-select
-            v-model="sizeForm.quotaFontSize"
-            :placeholder="$t('chart.quota_font_size')"
-            @change="changeBarSizeCase('quotaFontSize')"
-          />
-        </el-form-item>
-        <el-form-item :label="$t('chart.tick_count')" class="form-item form-item-slider">
-          <el-input-number v-model="sizeForm.gaugeTickCount" :min="1" :step="1" :precision="0" size="mini" @change="changeBarSizeCase" />
+        <el-form-item v-show="showProperty('gaugeTickCount')" :label="$t('chart.tick_count')" class="form-item form-item-slider">
+          <el-input-number v-model="sizeForm.gaugeTickCount" :min="1" :step="1" :precision="0" size="mini" @change="changeBarSizeCase('gaugeTickCount')" />
         </el-form-item>
       </el-form>
       <!--gauge-end-->
 
-      <el-form v-show="chart.type && (chart.type.includes('text') || chart.type === 'label')" ref="sizeFormPie" :model="sizeForm" label-width="100px" size="mini">
-        <el-form-item :label="$t('chart.quota_font_size')" class="form-item">
-          <el-select v-model="sizeForm.quotaFontSize" :placeholder="$t('chart.quota_font_size')" @change="changeBarSizeCase">
+      <el-form ref="sizeFormPie" :model="sizeForm" label-width="100px" size="mini">
+        <el-form-item v-show="showProperty('quotaFontSize')" :label="$t('chart.quota_font_size')" class="form-item">
+          <el-select v-model="sizeForm.quotaFontSize" :placeholder="$t('chart.quota_font_size')" @change="changeBarSizeCase('quotaFontSize')">
             <el-option v-for="option in fontSize" :key="option.value" :label="option.name" :value="option.value" />
           </el-select>
         </el-form-item>