diff --git a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
index 96a544de6f..bbb8916efa 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
@@ -524,242 +524,242 @@
       >
         <div v-show="!batchOptStatus">
           <el-form-item
-              v-show="showProperty('gaugeMin')"
-              :label="$t('chart.min')"
-              class="form-item"
+            v-show="showProperty('gaugeMin')"
+            :label="$t('chart.min')"
+            class="form-item"
           >
             <el-radio-group
-                v-model="sizeForm.gaugeMinType"
-                size="mini"
-                @change="changeQuotaField('min')"
+              v-model="sizeForm.gaugeMinType"
+              size="mini"
+              @change="changeQuotaField('min')"
             >
               <el-radio-button label="fix">{{ $t('chart.fix') }}</el-radio-button>
               <el-radio-button label="dynamic">{{ $t('chart.dynamic') }}</el-radio-button>
             </el-radio-group>
           </el-form-item>
           <el-form-item
-              v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'fix'"
-              class="form-item form-item-slider"
+            v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'fix'"
+            class="form-item form-item-slider"
           >
             <el-input-number
-                v-model="sizeForm.gaugeMin"
-                size="mini"
-                @change="changeBarSizeCase('gaugeMin')"
+              v-model="sizeForm.gaugeMin"
+              size="mini"
+              @change="changeBarSizeCase('gaugeMin')"
             />
           </el-form-item>
           <el-form-item
-              v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'dynamic'"
-              class="form-item form-flex"
+            v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'dynamic'"
+            class="form-item form-flex"
           >
             <el-select
-                v-model="sizeForm.gaugeMinField.id"
-                :placeholder="$t('chart.field')"
-                @change="changeQuotaField('min',true)"
+              v-model="sizeForm.gaugeMinField.id"
+              :placeholder="$t('chart.field')"
+              @change="changeQuotaField('min',true)"
             >
               <el-option
-                  v-for="item in quotaData"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
+                v-for="item in quotaData"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
               >
-              <span style="float: left">
-                <svg-icon
+                <span style="float: left">
+                  <svg-icon
                     v-if="item.deType === 0"
                     icon-class="field_text"
                     class="field-icon-text"
-                />
-                <svg-icon
+                  />
+                  <svg-icon
                     v-if="item.deType === 1"
                     icon-class="field_time"
                     class="field-icon-time"
-                />
-                <svg-icon
+                  />
+                  <svg-icon
                     v-if="item.deType === 2 || item.deType === 3"
                     icon-class="field_value"
                     class="field-icon-value"
-                />
-                <svg-icon
+                  />
+                  <svg-icon
                     v-if="item.deType === 5"
                     icon-class="field_location"
                     class="field-icon-location"
-                />
-              </span>
+                  />
+                </span>
                 <span style="float: left; color: #8492a6; font-size: 12px">{{ item.name }}</span>
               </el-option>
             </el-select>
             <el-select
-                v-model="sizeForm.gaugeMinField.summary"
-                :placeholder="$t('chart.summary')"
-                @change="changeQuotaField('min')"
+              v-model="sizeForm.gaugeMinField.summary"
+              :placeholder="$t('chart.summary')"
+              @change="changeQuotaField('min')"
             >
               <el-option
-                  v-if="validMinField"
-                  key="sum"
-                  value="sum"
-                  :label="$t('chart.sum')"
+                v-if="validMinField"
+                key="sum"
+                value="sum"
+                :label="$t('chart.sum')"
               />
               <el-option
-                  v-if="validMinField"
-                  key="avg"
-                  value="avg"
-                  :label="$t('chart.avg')"
+                v-if="validMinField"
+                key="avg"
+                value="avg"
+                :label="$t('chart.avg')"
               />
               <el-option
-                  v-if="validMinField"
-                  key="max"
-                  value="max"
-                  :label="$t('chart.max')"
+                v-if="validMinField"
+                key="max"
+                value="max"
+                :label="$t('chart.max')"
               />
               <el-option
-                  v-if="validMinField"
-                  key="min"
-                  value="min"
-                  :label="$t('chart.min')"
+                v-if="validMinField"
+                key="min"
+                value="min"
+                :label="$t('chart.min')"
               />
               <el-option
-                  v-if="validMinField"
-                  key="stddev_pop"
-                  value="stddev_pop"
-                  :label="$t('chart.stddev_pop')"
+                v-if="validMinField"
+                key="stddev_pop"
+                value="stddev_pop"
+                :label="$t('chart.stddev_pop')"
               />
               <el-option
-                  v-if="validMinField"
-                  key="var_pop"
-                  value="var_pop"
-                  :label="$t('chart.var_pop')"
+                v-if="validMinField"
+                key="var_pop"
+                value="var_pop"
+                :label="$t('chart.var_pop')"
               />
               <el-option
-                  key="count"
-                  value="count"
-                  :label="$t('chart.count')"
+                key="count"
+                value="count"
+                :label="$t('chart.count')"
               />
               <el-option
-                  v-if="minField.id !== 'count'"
-                  key="count_distinct"
-                  value="count_distinct"
-                  :label="$t('chart.count_distinct')"
+                v-if="minField.id !== 'count'"
+                key="count_distinct"
+                value="count_distinct"
+                :label="$t('chart.count_distinct')"
               />
             </el-select>
           </el-form-item>
 
           <el-form-item
-              v-show="showProperty('gaugeMax')"
-              :label="$t('chart.max')"
-              class="form-item"
+            v-show="showProperty('gaugeMax')"
+            :label="$t('chart.max')"
+            class="form-item"
           >
             <el-radio-group
-                v-model="sizeForm.gaugeMaxType"
-                size="mini"
-                @change="changeQuotaField('max')"
+              v-model="sizeForm.gaugeMaxType"
+              size="mini"
+              @change="changeQuotaField('max')"
             >
               <el-radio-button label="fix">{{ $t('chart.fix') }}</el-radio-button>
               <el-radio-button label="dynamic">{{ $t('chart.dynamic') }}</el-radio-button>
             </el-radio-group>
           </el-form-item>
           <el-form-item
-              v-if="showProperty('gaugeMax') && sizeForm.gaugeMaxType === 'fix'"
-              class="form-item form-item-slider"
+            v-if="showProperty('gaugeMax') && sizeForm.gaugeMaxType === 'fix'"
+            class="form-item form-item-slider"
           >
             <el-input-number
-                v-model="sizeForm.gaugeMax"
-                size="mini"
-                @change="changeBarSizeCase('gaugeMax')"
+              v-model="sizeForm.gaugeMax"
+              size="mini"
+              @change="changeBarSizeCase('gaugeMax')"
             />
           </el-form-item>
           <el-form-item
-          v-if="showProperty('gaugeMax') && sizeForm.gaugeMaxType === 'dynamic'"
-          class="form-item form-flex"
-        >
-          <el-select
-            v-model="sizeForm.gaugeMaxField.id"
-            :placeholder="$t('chart.field')"
-            @change="changeQuotaField('max',true)"
+            v-if="showProperty('gaugeMax') && sizeForm.gaugeMaxType === 'dynamic'"
+            class="form-item form-flex"
           >
-            <el-option
-              v-for="item in quotaData"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
+            <el-select
+              v-model="sizeForm.gaugeMaxField.id"
+              :placeholder="$t('chart.field')"
+              @change="changeQuotaField('max',true)"
             >
-              <span style="float: left">
-                <svg-icon
-                  v-if="item.deType === 0"
-                  icon-class="field_text"
-                  class="field-icon-text"
-                />
-                <svg-icon
-                  v-if="item.deType === 1"
-                  icon-class="field_time"
-                  class="field-icon-time"
-                />
-                <svg-icon
-                  v-if="item.deType === 2 || item.deType === 3"
-                  icon-class="field_value"
-                  class="field-icon-value"
-                />
-                <svg-icon
-                  v-if="item.deType === 5"
-                  icon-class="field_location"
-                  class="field-icon-location"
-                />
-              </span>
-              <span style="float: left; color: #8492a6; font-size: 12px">{{ item.name }}</span>
-            </el-option>
-          </el-select>
-          <el-select
-            v-model="sizeForm.gaugeMaxField.summary"
-            :placeholder="$t('chart.summary')"
-            @change="changeQuotaField('max')"
-          >
-            <el-option
-              v-if="validMaxField"
-              key="sum"
-              value="sum"
-              :label="$t('chart.sum')"
-            />
-            <el-option
-              v-if="validMaxField"
-              key="avg"
-              value="avg"
-              :label="$t('chart.avg')"
-            />
-            <el-option
-              v-if="validMaxField"
-              key="max"
-              value="max"
-              :label="$t('chart.max')"
-            />
-            <el-option
-              v-if="validMaxField"
-              key="min"
-              value="min"
-              :label="$t('chart.min')"
-            />
-            <el-option
-              v-if="validMaxField"
-              key="stddev_pop"
-              value="stddev_pop"
-              :label="$t('chart.stddev_pop')"
-            />
-            <el-option
-              v-if="validMaxField"
-              key="var_pop"
-              value="var_pop"
-              :label="$t('chart.var_pop')"
-            />
-            <el-option
-              key="count"
-              value="count"
-              :label="$t('chart.count')"
-            />
-            <el-option
-              v-if="maxField.id !== 'count'"
-              key="count_distinct"
-              value="count_distinct"
-              :label="$t('chart.count_distinct')"
-            />
-          </el-select>
-        </el-form-item>
+              <el-option
+                v-for="item in quotaData"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+                <span style="float: left">
+                  <svg-icon
+                    v-if="item.deType === 0"
+                    icon-class="field_text"
+                    class="field-icon-text"
+                  />
+                  <svg-icon
+                    v-if="item.deType === 1"
+                    icon-class="field_time"
+                    class="field-icon-time"
+                  />
+                  <svg-icon
+                    v-if="item.deType === 2 || item.deType === 3"
+                    icon-class="field_value"
+                    class="field-icon-value"
+                  />
+                  <svg-icon
+                    v-if="item.deType === 5"
+                    icon-class="field_location"
+                    class="field-icon-location"
+                  />
+                </span>
+                <span style="float: left; color: #8492a6; font-size: 12px">{{ item.name }}</span>
+              </el-option>
+            </el-select>
+            <el-select
+              v-model="sizeForm.gaugeMaxField.summary"
+              :placeholder="$t('chart.summary')"
+              @change="changeQuotaField('max')"
+            >
+              <el-option
+                v-if="validMaxField"
+                key="sum"
+                value="sum"
+                :label="$t('chart.sum')"
+              />
+              <el-option
+                v-if="validMaxField"
+                key="avg"
+                value="avg"
+                :label="$t('chart.avg')"
+              />
+              <el-option
+                v-if="validMaxField"
+                key="max"
+                value="max"
+                :label="$t('chart.max')"
+              />
+              <el-option
+                v-if="validMaxField"
+                key="min"
+                value="min"
+                :label="$t('chart.min')"
+              />
+              <el-option
+                v-if="validMaxField"
+                key="stddev_pop"
+                value="stddev_pop"
+                :label="$t('chart.stddev_pop')"
+              />
+              <el-option
+                v-if="validMaxField"
+                key="var_pop"
+                value="var_pop"
+                :label="$t('chart.var_pop')"
+              />
+              <el-option
+                key="count"
+                value="count"
+                :label="$t('chart.count')"
+              />
+              <el-option
+                v-if="maxField.id !== 'count'"
+                key="count_distinct"
+                value="count_distinct"
+                :label="$t('chart.count_distinct')"
+              />
+            </el-select>
+          </el-form-item>
         </div>
 
         <el-form-item