Merge pull request #6664 from dataease/pr@dev@feat_radar_axis_min_max

feat: 雷达图值轴自定义最大值最小值

core/frontend/src/views/chart/chart/chart.js

@@ -471,6 +471,11 @@ export const DEFAULT_SPLIT = {
   },
   splitArea: {
     show: true
+  },
+  axisValue: {
+    auto: true,
+    min: 10,
+    max: 100
   }
 }
 export const DEFAULT_FUNCTION_CFG = {

core/frontend/src/views/chart/chart/radar/radar_antv.js

@@ -123,6 +123,10 @@ export function baseRadarOptionAntV(plot, container, chart, action) {
           }
         }
       }
+      if (s.axisValue?.auto === false) {
+        yAxis.min = yAxis.minLimit = s.axisValue.min
+        yAxis.max = yAxis.maxLimit = s.axisValue.max
+      }
     }
   }
   options.xAxis = xAxis

core/frontend/src/views/chart/chart/util.js

@@ -1688,7 +1688,8 @@ export const TYPE_CONFIGS = [
       'split-selector-ant-v': [
         'splitForm',
         'name',
-        'lineStyle'
+        'lineStyle',
+        'axisValue'
       ]
     }
   },

core/frontend/src/views/chart/components/componentStyle/SplitSelectorAntV.vue

@@ -47,6 +47,7 @@
             />
           </el-select>
         </el-form-item>
+        <el-divider />
         <el-form-item
           v-show="showProperty('lineStyle')"
           :label="$t('chart.axis_color')"
@@ -59,6 +60,34 @@
             @change="changeSplitStyle('axisLine')"
           />
         </el-form-item>
+        <el-divider />
+        <el-form-item
+          v-show="showProperty('axisValue')"
+          :label="$t('chart.axis_value')"
+          class="form-item"
+        >
+          <el-radio-group
+            v-model="splitForm.axisValue.auto"
+            @change="changeSplitStyle('axisValue')"
+          >
+            <el-radio :label="true">{{ $t('chart.axis_auto') }}</el-radio>
+            <el-radio :label="false">{{ $t('commons.custom') }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <div v-show="showProperty('axisValue') && !splitForm.axisValue.auto">
+          <el-form-item :label="$t('chart.axis_value_min')">
+            <el-input-number
+              v-model="splitForm.axisValue.min"
+              @blur="changeSplitStyle('axisValue')"
+            />
+          </el-form-item>
+          <el-form-item :label="$t('chart.axis_value_max')">
+            <el-input-number
+              v-model="splitForm.axisValue.max"
+              @blur="changeSplitStyle('axisValue')"
+            />
+          </el-form-item>
+        </div>
       </el-form>
     </el-col>
   </div>
@@ -117,6 +146,9 @@ export default {
         }
         if (customStyle.split) {
           this.splitForm = customStyle.split
+          if (this.splitForm.axisValue === undefined) {
+            this.splitForm.axisValue = JSON.parse(JSON.stringify(DEFAULT_SPLIT.axisValue))
+          }
         } else {
           this.splitForm = JSON.parse(JSON.stringify(DEFAULT_SPLIT))
         }

core/frontend/src/views/chart/view/ChartStyle.vue

@@ -218,7 +218,7 @@
           <el-collapse-item
             v-show="showPropertiesCollapse(['split-selector', 'split-selector-ant-v'])"
             name="split"
-            :title="$t('chart.split')"
+            :title="$t('chart.axis_line')"
           >
             <split-selector
               v-if="showProperties('split-selector')"