@easyv/config 1.1.29 → 1.1.30

package/src/label.js

@@ -1,13 +1,13 @@
-import { translate, font, extent, showRule, sc, textOverflow } from '.';
+import { translate, font, extent, showRule, sc, textOverflow } from ".";
 
 const defaultFont = font();
 
 const defaultLabel = {
   show: false,
   font: {
-    fontFamily: 'Mircosoft Yahei',
+    fontFamily: "Mircosoft Yahei",
     fontSize: 12,
-    color: '#fff',
+    color: "#fff",
     bold: false,
     italic: false,
     letterSpacing: 0,
@@ -30,19 +30,19 @@ export default ({
   position,
   translate: { x, y } = defaultLabel.translate,
 } = defaultLabel) => ({
-  name: 'label',
-  displayName: '数值标签',
+  name: "label",
+  displayName: "数值标签",
   value: [
     {
-      name: 'show',
-      displayName: '显示',
+      name: "show",
+      displayName: "显示",
       value: show,
-      type: 'boolean',
+      type: "boolean",
     },
     {
-      _rule: [['show', '$eq', true]],
-      name: 'font',
-      displayName: '文本样式',
+      _rule: [["show", "$eq", true]],
+      name: "font",
+      displayName: "文本样式",
       value: {
         fontFamily,
         fontSize,
@@ -51,26 +51,26 @@ export default ({
         italic,
         letterSpacing,
       },
-      type: 'textStyle',
-      markColorType: 'textColor',
+      type: "textStyle",
+      markColorType: "textColor",
     },
     position !== undefined && {
-      name: 'position',
-      displayName: '位置',
+      name: "position",
+      displayName: "位置",
       value: position,
-      type: 'select',
+      type: "select",
       config: {
         options: [
-          { name: '起点', value: 'start' },
-          { name: '居中', value: 'middle' },
-          { name: '终点', value: 'end' },
-          { name: '终点外', value: 'outerStart' },
-          { name: '图表外', value: 'chartStart' },
+          { name: "起点", value: "start" },
+          { name: "居中", value: "middle" },
+          { name: "终点", value: "end" },
+          { name: "终点外", value: "outerStart" },
+          { name: "图表外", value: "chartStart" },
         ],
       },
     },
     {
-      _rule: [['show', '$eq', true]],
+      _rule: [["show", "$eq", true]],
       ...translate(x, y),
     },
     sc("suffix","后缀","",[
@@ -85,15 +85,15 @@ const defaultLabelOfPie = {
   show: true,
   distance: 30,
   lineLength: 10,
-  mode: 'horizontal',
+  mode: "horizontal",
   translate: { x: 0, y: 0 },
-  name: { show: true, font: defaultFont, maxWidth:40 },
+  name: { show: true, font: defaultFont, maxWidth: 40 },
   percent: { show: true, precision: 0, font: defaultFont },
   value: {
     show: true,
     suffix: {
       show: false,
-      text: '',
+      text: "",
       fontSize: 12,
       translate: { x: 0, y: 0 },
     },
@@ -111,7 +111,7 @@ export const labelOfPie = ({
     show: showName = defaultLabelOfPie.name.show,
     font: nameFont = defaultLabelOfPie.name.font,
     maxWidth = defaultLabelOfPie.name.maxWidth,
-    overflow
+    overflow,
   } = defaultLabelOfPie.name,
   percent: {
     show: showPercent = defaultLabelOfPie.percent.show,
@@ -132,157 +132,164 @@ export const labelOfPie = ({
     font: valueFont = defaultLabelOfPie.value.font,
   } = defaultLabelOfPie.value,
 } = defaultLabelOfPie) => ({
-  name: 'label',
-  displayName: '数值标签',
+  name: "label",
+  displayName: "数值标签",
   value: [
     {
-      name: 'show',
-      displayName: '显示',
+      name: "show",
+      displayName: "显示",
       value: show,
-      type: 'boolean',
+      type: "boolean",
     },
     {
-      rule: [['show', '$eq', true]],
-      name: 'distance',
-      displayName: '偏移距离',
+      rule: [["show", "$eq", true]],
+      name: "distance",
+      displayName: "偏移距离",
       value: distance,
-      type: 'number',
+      type: "number",
       config: {
-        suffix: 'px',
+        suffix: "px",
       },
     },
     {
-      rule: [['show', '$eq', true]],
-      name: 'lineLength',
-      displayName: '线长',
+      rule: [["show", "$eq", true]],
+      name: "lineLength",
+      displayName: "线长",
       value: lineLength,
-      type: 'number',
+      type: "number",
       config: {
-        suffix: 'px',
+        suffix: "px",
         min: 0,
         step: 1,
       },
     },
     lineColor !== undefined && {
-      name: 'lineColor',
-      displayName: '线颜色',
+      name: "lineColor",
+      displayName: "线颜色",
       value: lineColor,
-      type: 'color',
+      type: "color",
     },
     {
-      rule: [['show', '$eq', true]],
-      name: 'mode',
-      displayName: '布局',
+      rule: [["show", "$eq", true]],
+      name: "mode",
+      displayName: "布局",
       value: mode,
-      type: 'radio',
+      type: "radio",
       config: {
         options: [
           {
-            name: '上下',
-            value: 'vertical',
+            name: "上下",
+            value: "vertical",
           },
           {
-            name: '水平',
-            value: 'horizontal',
+            name: "水平",
+            value: "horizontal",
           },
         ],
       },
     },
     {
-      rule: [['show', '$eq', true]],
+      rule: [["show", "$eq", true]],
       ...translate(x, y),
     },
     {
-      rule: [['show', '$eq', true]],
-      name: 'name',
-      displayName: '类目',
+      rule: [["show", "$eq", true]],
+      name: "name",
+      displayName: "类目",
       value: [
         {
-          name: 'show',
-          displayName: '显示',
+          name: "show",
+          displayName: "显示",
           value: showName,
-          type: 'boolean',
+          type: "boolean",
         },
         {
-          rule: [['show', '$eq', true]],
-          name: 'font',
-          displayName: '文本样式',
+          rule: [["show", "$eq", true]],
+          name: "font",
+          displayName: "文本样式",
           value: nameFont,
-          type: 'textStyle',
-          markColorType: 'textColor',
+          type: "textStyle",
+          markColorType: "textColor",
         },
-        sc("maxWidth","宽度","number",maxWidth,{suffix:"px"},showRule()),
+        sc(
+          "maxWidth",
+          "宽度",
+          "number",
+          maxWidth,
+          { suffix: "px" },
+          showRule()
+        ),
         ...textOverflow(overflow),
       ],
     },
     {
-      rule: [['show', '$eq', true]],
-      name: 'percent',
-      displayName: '占比值',
+      rule: [["show", "$eq", true]],
+      name: "percent",
+      displayName: "占比值",
       value: [
         {
-          name: 'show',
-          displayName: '显示',
+          name: "show",
+          displayName: "显示",
           value: showPercent,
-          type: 'boolean',
+          type: "boolean",
         },
         {
-          rule: [['show', '$eq', true]],
-          name: 'precision',
-          displayName: '小数位数',
+          rule: [["show", "$eq", true]],
+          name: "precision",
+          displayName: "小数位数",
           value: precision,
-          type: 'number',
+          type: "number",
           config: {
             min: 0,
           },
         },
         {
-          rule: [['show', '$eq', true]],
-          name: 'font',
-          displayName: '文本样式',
+          rule: [["show", "$eq", true]],
+          name: "font",
+          displayName: "文本样式",
           value: percentFont,
-          type: 'textStyle',
-          markColorType: 'textColor',
+          type: "textStyle",
+          markColorType: "textColor",
         },
       ],
     },
     {
-      name: 'value',
-      displayName: '真实值',
+      name: "value",
+      displayName: "真实值",
       value: [
         {
-          name: 'show',
-          displayName: '显示',
+          name: "show",
+          displayName: "显示",
           value: showValue,
-          type: 'boolean',
+          type: "boolean",
         },
         {
-          rule: [['show', '$eq', true]],
-          name: 'suffix',
-          displayName: '后缀',
+          rule: [["show", "$eq", true]],
+          name: "suffix",
+          displayName: "后缀",
           value: [
             {
-              name: 'show',
-              displayName: '显示',
+              name: "show",
+              displayName: "显示",
               value: showSuffix,
-              type: 'boolean',
+              type: "boolean",
             },
             {
-              rule: [['show', '$eq', true]],
-              name: 'text',
-              displayName: '内容',
+              rule: [["show", "$eq", true]],
+              name: "text",
+              displayName: "内容",
               value: suffixText,
-              type: 'input',
+              type: "input",
             },
             {
-              rule: [['show', '$eq', true]],
-              name: 'fontSize',
-              displayName: '字号',
+              rule: [["show", "$eq", true]],
+              name: "fontSize",
+              displayName: "字号",
               value: suffixFontSize,
-              type: 'number',
+              type: "number",
             },
             {
-              rule: [['show', '$eq', true]],
+              rule: [["show", "$eq", true]],
               ...translate(suffixTranslateX, suffixTranslateY),
             },
           ],
@@ -291,12 +298,12 @@ export const labelOfPie = ({
           },
         },
         {
-          rule: [['show', '$eq', true]],
-          name: 'font',
-          displayName: '文本样式',
+          rule: [["show", "$eq", true]],
+          name: "font",
+          displayName: "文本样式",
           value: valueFont,
-          type: 'textStyle',
-          markColorType: 'textColor',
+          type: "textStyle",
+          markColorType: "textColor",
         },
       ],
     },
@@ -313,31 +320,31 @@ export const labelOfRose = ({
   font: labelFont = defaultLabelOfRose.font,
   gap = defaultLabelOfRose.gap,
 } = defaultLabelOfRose) => ({
-  name: 'label',
-  displayName: '数值标签',
+  name: "label",
+  displayName: "数值标签",
   value: [
     {
-      name: 'show',
-      displayName: '显示',
+      name: "show",
+      displayName: "显示",
       value: show,
-      type: 'boolean',
+      type: "boolean",
     },
     {
       ...showRule(),
-      name: 'font',
-      displayName: '文本样式',
+      name: "font",
+      displayName: "文本样式",
       value: font(labelFont),
-      type: 'textStyle',
-      markColorType: 'textColor',
+      type: "textStyle",
+      markColorType: "textColor",
     },
     {
       ...showRule(),
-      name: 'gap',
-      displayName: '间距',
+      name: "gap",
+      displayName: "间距",
       value: gap,
-      type: 'number',
+      type: "number",
       config: {
-        suffix: 'px',
+        suffix: "px",
       },
     },
   ],
@@ -345,11 +352,17 @@ export const labelOfRose = ({
 
 const defaultAxisLabel = {
   show: true,
-  format: { type: 'date', showType: 'MM月' },
-  appearance: { count: 3, angle: 0, width: 40, textOverflow:"ellipsis", speed:5 },
+  format: { type: "date", showType: "MM月" },
+  appearance: {
+    count: 3,
+    angle: 0,
+    width: 40,
+    textOverflow: "ellipsis",
+    speed: 5,
+  },
   showLast: false,
   translate: { x: 0, y: 0 },
-  font: font({ color: 'rgba(230, 247, 255, 1)' }),
+  font: font({ color: "rgba(230, 247, 255, 1)" }),
 };
 export const axisLabel = ({
   show: showLabel = defaultAxisLabel.show,
@@ -362,7 +375,7 @@ export const axisLabel = ({
     angle = defaultAxisLabel.appearance.angle,
     width = defaultAxisLabel.appearance.width,
     textOverflow = defaultAxisLabel.appearance.textOverflow,
-    speed = defaultAxisLabel.appearance.speed
+    speed = defaultAxisLabel.appearance.speed,
   } = defaultAxisLabel.appearance,
   showLast = defaultAxisLabel.showLast,
   translate: {
@@ -371,291 +384,483 @@ export const axisLabel = ({
   } = defaultAxisLabel.translate,
   font = defaultAxisLabel.font,
 } = defaultAxisLabel) => ({
-  name: 'label',
-  displayName: '轴标签',
+  name: "label",
+  displayName: "轴标签",
   value: [
     {
-      name: 'show',
-      displayName: '显示',
+      name: "show",
+      displayName: "显示",
       value: showLabel,
-      type: 'boolean',
+      type: "boolean",
     },
     {
-      rule: [['show', '$eq', true]],
-      name: 'format',
-      displayName: '格式',
+      rule: [["show", "$eq", true]],
+      name: "format",
+      displayName: "格式",
       value: [
         {
-          name: 'type',
-          displayName: '',
+          name: "type",
+          displayName: "",
           value: labelType,
-          type: 'radio',
+          type: "radio",
           config: {
             options: [
               {
-                name: '类目型',
-                value: 'category',
+                name: "类目型",
+                value: "category",
               },
               {
-                name: '时间型',
-                value: 'date',
+                name: "时间型",
+                value: "date",
               },
             ],
             span: 24,
           },
         },
         {
-          rule: [['type', '$eq', 'date']],
-          name: 'showType',
-          displayName: '',
+          rule: [["type", "$eq", "date"]],
+          name: "showType",
+          displayName: "",
           value: labelShowType,
-          type: 'select',
+          type: "select",
           config: {
             options: [
               {
-                name: '2017年1月1日 08:00:00',
-                value: 'YYYY年M月D日 HH:mm:ss',
+                name: "2017年1月1日 08:00:00",
+                value: "YYYY年M月D日 HH:mm:ss",
               },
               {
-                name: '2017年01月01日 08:00:00',
-                value: 'YYYY年MM月DD日 HH:mm:ss',
+                name: "2017年01月01日 08:00:00",
+                value: "YYYY年MM月DD日 HH:mm:ss",
               },
               {
-                name: '2017-1-1 08:00:00',
-                value: 'YYYY-M-D HH:mm:ss',
+                name: "2017-1-1 08:00:00",
+                value: "YYYY-M-D HH:mm:ss",
               },
               {
-                name: '2017-01-01 08:00:00',
-                value: 'YYYY-MM-DD HH:mm:ss',
+                name: "2017-01-01 08:00:00",
+                value: "YYYY-MM-DD HH:mm:ss",
               },
               {
-                name: '2017.1.1 08:00:00',
-                value: 'YYYY.M.D HH:mm:ss',
+                name: "2017.1.1 08:00:00",
+                value: "YYYY.M.D HH:mm:ss",
               },
               {
-                name: '2017.01.01 08:00:00',
-                value: 'YYYY.MM.DD HH:mm:ss',
+                name: "2017.01.01 08:00:00",
+                value: "YYYY.MM.DD HH:mm:ss",
               },
               {
-                name: '2017年1月1日',
-                value: 'YYYY年M月D日',
+                name: "2017年1月1日",
+                value: "YYYY年M月D日",
               },
               {
-                name: '2017年01月01日',
-                value: 'YYYY年MM月DD日',
+                name: "2017年01月01日",
+                value: "YYYY年MM月DD日",
               },
               {
-                name: '2017年01月',
-                value: 'YYYY年MM月',
+                name: "2017年01月",
+                value: "YYYY年MM月",
               },
               {
-                name: '2017-1-1',
-                value: 'YYYY-M-D',
+                name: "2017-1-1",
+                value: "YYYY-M-D",
               },
               {
-                name: '2017-01-01',
-                value: 'YYYY-MM-DD',
+                name: "2017-01-01",
+                value: "YYYY-MM-DD",
               },
               {
-                name: '2017.1.1',
-                value: 'YYYY.M.D',
+                name: "2017.1.1",
+                value: "YYYY.M.D",
               },
               {
-                name: '2017.01.01',
-                value: 'YYYY.MM.DD',
+                name: "2017.01.01",
+                value: "YYYY.MM.DD",
               },
               {
-                name:'2017年',
-                value:'YYYY年'
+                name: "2017年",
+                value: "YYYY年",
               },
               {
-                name:'2017(年)',
-                value:'YYYY(年)'
+                name: "2017(年)",
+                value: "YYYY(年)",
               },
               {
-                name: '1月1日',
-                value: 'M月D日',
+                name: "1月1日",
+                value: "M月D日",
               },
               {
-                name: '01月01日',
-                value: 'MM月DD日',
+                name: "01月01日",
+                value: "MM月DD日",
               },
               {
-                name: '01月01日01时',
-                value: 'MM月DD日HH时',
+                name: "01月01日01时",
+                value: "MM月DD日HH时",
               },
               {
-                name: '1-1',
-                value: 'M-D',
+                name: "1-1",
+                value: "M-D",
               },
               {
-                name: '01-01',
-                value: 'MM-DD',
+                name: "01-01",
+                value: "MM-DD",
               },
               {
-                name: '1.1',
-                value: 'M.D',
+                name: "1.1",
+                value: "M.D",
               },
               {
-                name: '01.01',
-                value: 'MM.DD',
+                name: "01.01",
+                value: "MM.DD",
               },
               {
-                name: '1月',
-                value: 'M月',
+                name: "1月",
+                value: "M月",
               },
               {
-                name: '01月',
-                value: 'MM月',
+                name: "01月",
+                value: "MM月",
               },
               {
-                name: '1(月)',
-                value: 'M',
+                name: "1(月)",
+                value: "M",
               },
               {
-                name: '01(月)',
-                value: 'MM',
+                name: "01(月)",
+                value: "MM",
               },
               {
-                name: '1日',
-                value: 'D日',
+                name: "1日",
+                value: "D日",
               },
               {
-                name: '01日',
-                value: 'DD日',
+                name: "01日",
+                value: "DD日",
               },
               {
-                name: '1(日)',
-                value: 'D',
+                name: "1(日)",
+                value: "D",
               },
               {
-                name: '01(日)',
-                value: 'DD',
+                name: "01(日)",
+                value: "DD",
               },
               {
-                name: '08:00:00',
-                value: 'HH:mm:ss',
+                name: "08:00:00",
+                value: "HH:mm:ss",
               },
               {
-                name: '08:00',
-                value: 'HH:mm',
+                name: "08:00",
+                value: "HH:mm",
               },
               {
-                name: '星期一',
-                value: 'X',
+                name: "星期一",
+                value: "X",
               },
               {
-                name: 'Monday',
-                value: 'W',
+                name: "Monday",
+                value: "W",
               },
               {
-                name: 'Mon',
-                value: 'w',
+                name: "Mon",
+                value: "w",
               },
             ],
             span: 24,
           },
         },
       ],
-      type: 'group',
+      type: "group",
     },
     {
-      rule: [['show', '$eq', true]],
-      name: 'appearance',
-      displayName: '展示',
-      tip:"展示标签的数量会根据原标签数量进行整除后按间距调整标签分布，如果输入的数量不能被整除，则无法按照输入数量进行展示。",
+      rule: [["show", "$eq", true]],
+      name: "appearance",
+      displayName: "展示",
+      tip: "展示标签的数量会根据原标签数量进行整除后按间距调整标签分布，如果输入的数量不能被整除，则无法按照输入数量进行展示。",
       value: [
         {
-          name: 'count',
-          displayName: '标签数量',
+          name: "count",
+          displayName: "标签数量",
           value: count,
-          type: 'number',
+          type: "number",
           config: {
             min: 2,
             span: 12,
           },
         },
         {
-          name: 'angle',
-          displayName: '文字角度',
+          name: "angle",
+          displayName: "文字角度",
           value: angle,
-          type: 'number',
+          type: "number",
           config: {
             span: 12,
-            suffix: '°',
+            suffix: "°",
           },
         },
         {
-          name: 'width',
-          displayName: '宽度',
+          name: "width",
+          displayName: "宽度",
           value: width,
-          type: 'number',
+          type: "number",
           config: {
-            suffix:"px",
+            suffix: "px",
             span: 12,
           },
         },
         {
-          name: 'textOverflow',
-          displayName: '文本溢出',
+          name: "textOverflow",
+          displayName: "文本溢出",
           value: textOverflow,
           type: "select",
           config: {
-            options:[
-              { name: '换行', value: 'break-word' },
-              { name: '省略号', value: 'ellipsis' },
-              { name: '跑马灯', value: 'marquee' },
+            options: [
+              { name: "换行", value: "break-word" },
+              { name: "省略号", value: "ellipsis" },
+              { name: "跑马灯", value: "marquee" },
             ],
             span: 12,
-          }
+          },
         },
         {
-          rule:[["textOverflow","$eq","marquee"]],
-          name:"speed",
-          displayName:"速度",
-          value:speed,
-          type:"number",
-          config:{
-            span:12
-          }
-        }
+          rule: [["textOverflow", "$eq", "marquee"]],
+          name: "speed",
+          displayName: "速度",
+          value: speed,
+          type: "number",
+          config: {
+            span: 12,
+          },
+        },
       ],
-      type: 'group',
+      type: "group",
     },
     {
-      name: 'showLast',
-      displayName: '显示最新',
+      name: "showLast",
+      displayName: "显示最新",
       value: showLast,
-      type: 'boolean',
-      tip: '显示返回最新数据的轴标签',
+      type: "boolean",
+      tip: "显示返回最新数据的轴标签",
     },
     {
-      rule: [['show', '$eq', true]],
+      rule: [["show", "$eq", true]],
       ...translate(labelTranslateX, labelTranslateY),
     },
     {
-      rule: [['show', '$eq', true]],
-      name: 'font',
-      displayName: '文本样式',
+      rule: [["show", "$eq", true]],
+      name: "font",
+      displayName: "文本样式",
       value: font,
-      type: 'textStyle',
-      markColorType: 'textColor',
+      type: "textStyle",
+      markColorType: "textColor",
     },
   ],
 });
 
 const defaultValueAxisLabel = {
   show: true,
-  extent: { min: '0', max: '' },
+  extent: { min: "0", max: "" },
+  auto: false,
+  mode: "count",
+  count: 3,
+  step: 100,
+  decimal: 0,
+  suffix: "",
+  translate: { x: 6, y: 0 },
+  font: defaultFont,
+};
+
+const defaultClipValueAxisLabel = {
+  show: true,
+  extent: { min: "0", max: "" },
   auto: false,
-  mode: 'count',
+  mode: "count",
   count: 3,
   step: 100,
   decimal: 0,
-  suffix: '',
+  suffix: "",
   translate: { x: 6, y: 0 },
   font: defaultFont,
 };
+
+export const valueCilpAsixLabel = ({
+  show: showLabel = defaultClipValueAxisLabel.show,
+  extent: {
+    min = defaultClipValueAxisLabel.extent.min,
+    max = defaultClipValueAxisLabel.extent.max,
+  } = defaultClipValueAxisLabel.extent,
+  auto = defaultClipValueAxisLabel.auto,
+  mode = defaultClipValueAxisLabel.mode,
+  count = defaultClipValueAxisLabel.count,
+  step = defaultClipValueAxisLabel.step,
+  decimal = defaultClipValueAxisLabel.decimal,
+  suffix = defaultClipValueAxisLabel.suffix,
+  translate: {
+    x: labelTranslateX = defaultClipValueAxisLabel.translate.x,
+    y: labelTranslateY = defaultClipValueAxisLabel.translate.y,
+  } = defaultClipValueAxisLabel.translate,
+  font: labelFont = defaultClipValueAxisLabel.font,
+} = defaultClipValueAxisLabel) => ({
+  name: "label",
+  displayName: "轴标签",
+  value: [
+    {
+      name: "show",
+      displayName: "显示",
+      value: showLabel,
+      type: "boolean",
+    },
+    {
+      rule: [["show", "$eq", true]],
+      ...extent({ min, max }),
+    },
+    {
+      name: "clipPosition",
+      displayName: "断轴位置",
+      type: "range",
+      value: 50,
+      config: {
+        suffix: "%",
+        max: 100,
+        min: 0,
+      },
+    },
+    {
+      rule: [["show", "$eq", true]],
+      name: "clipAxisMode",
+      displayName: "断轴模式",
+      value: "manual",
+      type: "radio",
+      tip:'手动模式需要指定断轴值，如果断轴值在数据范围内，就会执行断轴，自动模式设置断轴阈值，当数据离散程度超过阈值的时候执行断轴',
+      config: {
+        options: [
+          { name: "手动模式", value: "manual" },
+          { name: "自动模式", value: "auto" },
+        ],
+
+      },
+    },
+    {
+      name: "clipValue",
+      displayName: "断轴值",
+      type: "number",
+      value: 50,
+      rule: [
+        ["show", "$eq", true],
+        ["clipAxisMode", "$eq", "manual"],
+      ],
+    },
+    {
+      name: "clipDifferenceValue",
+      displayName: "断轴差值",
+      tip:'差值越高，代表需要更大的数据离散程度才能触发断轴，反之同理',
+      type: "number",
+      value: 100,
+      config: {
+        min: 0,
+      },
+      rule: [
+        ["show", "$eq", true],
+        ["clipAxisMode", "$eq", "auto"],
+      ],
+    },
+    {
+      rule: [["show", "$eq", true]],
+      name: "auto",
+      displayName: "刻度自适应",
+      value: auto,
+      type: "boolean",
+    },
+    {
+      rule: [
+        ["show", "$eq", true],
+        ["auto", "$eq", false],
+      ],
+      name: "mode",
+      displayName: "模式",
+      value: mode,
+      type: "radio",
+      config: {
+        options: [
+          { name: "数量强制", value: "count" },
+          { name: "步长强制", value: "step" },
+        ],
+      },
+    },
+    {
+      rule: [
+        ["show", "$eq", true],
+        ["auto", "$eq", false],
+        ["mode", "$eq", "count"],
+      ],
+      name: "topClipAxisCount",
+      displayName: "上断轴标签数量",
+      value: count,
+      min: 2,
+      type: "number",
+    },
+    {
+      rule: [
+        ["show", "$eq", true],
+        ["auto", "$eq", false],
+        ["mode", "$eq", "count"],
+      ],
+      name: "bottomClipAxisCount",
+      displayName: "下断轴标签数量",
+      value: count,
+      min: 2,
+      type: "number",
+    },
+    {
+      rule: [
+        ["show", "$eq", true],
+        ["auto", "$eq", false],
+        ["mode", "$eq", "step"],
+      ],
+      name: "topClipAxisStep",
+      displayName: "上断轴步长",
+      value: step,
+      type: "number",
+    },
+    {
+      rule: [
+        ["show", "$eq", true],
+        ["auto", "$eq", false],
+        ["mode", "$eq", "step"],
+      ],
+      name: "bottomClipAxisStep",
+      displayName: "下断轴步长",
+      value: step,
+      type: "number",
+    },
+    {
+      rule: [["show", "$eq", true]],
+      name: "decimal",
+      displayName: "小数位数",
+      value: decimal,
+      type: "number",
+    },
+    {
+      rule: [["show", "$eq", true]],
+      name: "suffix",
+      displayName: "后缀内容",
+      value: suffix,
+      type: "input",
+    },
+    {
+      rule: [["show", "$eq", true]],
+      ...translate(labelTranslateX, labelTranslateY),
+    },
+    {
+      rule: [["show", "$eq", true]],
+      name: "font",
+      displayName: "文本样式",
+      value: labelFont,
+      type: "textStyle",
+    },
+  ],
+});
+
 export const valueAsixLabel = ({
   show: showLabel = defaultValueAxisLabel.show,
   extent: {
@@ -674,91 +879,89 @@ export const valueAsixLabel = ({
   } = defaultValueAxisLabel.translate,
   font: labelFont = defaultValueAxisLabel.font,
 } = defaultValueAxisLabel) => ({
-  name: 'label',
-  displayName: '轴标签',
+  name: "label",
+  displayName: "轴标签",
   value: [
     {
-      name: 'show',
-      displayName: '显示',
+      name: "show",
+      displayName: "显示",
       value: showLabel,
-      type: 'boolean',
+      type: "boolean",
     },
     {
-      rule: [['show', '$eq', true]],
+      rule: [["show", "$eq", true]],
       ...extent({ min, max }),
     },
     {
-      rule: [['show', '$eq', true]],
-      name: 'auto',
-      displayName: '刻度自适应',
+      rule: [["show", "$eq", true]],
+      name: "auto",
+      displayName: "刻度自适应",
       value: auto,
-      type: 'boolean',
+      type: "boolean",
     },
     {
       rule: [
-        ['show', '$eq', true],
-        ['auto', '$eq', false],
+        ["show", "$eq", true],
+        ["auto", "$eq", false],
       ],
-      name: 'mode',
-      displayName: '模式',
+      name: "mode",
+      displayName: "模式",
       value: mode,
-      type: 'radio',
+      type: "radio",
       config: {
         options: [
-          { name: '数量强制', value: 'count' },
-          { name: '步长强制', value: 'step' },
+          { name: "数量强制", value: "count" },
+          { name: "步长强制", value: "step" },
         ],
       },
     },
     {
       rule: [
-        ['show', '$eq', true],
-        ['auto', '$eq', false],
-        ['mode', '$eq', 'count'],
+        ["show", "$eq", true],
+        ["auto", "$eq", false],
+        ["mode", "$eq", "count"],
       ],
-      name: 'count',
-      displayName: '标签数量',
+      name: "count",
+      displayName: "标签数量",
       value: count,
       min: 2,
-      type: 'number',
+      type: "number",
     },
     {
       rule: [
-        ['show', '$eq', true],
-        ['auto', '$eq', false],
-        ['mode', '$eq', 'step'],
+        ["show", "$eq", true],
+        ["auto", "$eq", false],
+        ["mode", "$eq", "step"],
       ],
-      name: 'step',
-      displayName: '步长',
+      name: "step",
+      displayName: "步长",
       value: step,
-      type: 'number',
+      type: "number",
     },
     {
-      rule: [
-        ['show', '$eq', true]
-      ],
-      name: 'decimal',
-      displayName: '小数位数',
+      rule: [["show", "$eq", true]],
+      name: "decimal",
+      displayName: "小数位数",
       value: decimal,
-      type: 'number',
+      type: "number",
     },
     {
-      rule: [['show', '$eq', true]],
-      name: 'suffix',
-      displayName: '后缀内容',
+      rule: [["show", "$eq", true]],
+      name: "suffix",
+      displayName: "后缀内容",
       value: suffix,
-      type: 'input',
+      type: "input",
     },
     {
-      rule: [['show', '$eq', true]],
+      rule: [["show", "$eq", true]],
       ...translate(labelTranslateX, labelTranslateY),
     },
     {
-      rule: [['show', '$eq', true]],
-      name: 'font',
-      displayName: '文本样式',
+      rule: [["show", "$eq", true]],
+      name: "font",
+      displayName: "文本样式",
       value: labelFont,
-      type: 'textStyle',
+      type: "textStyle",
     },
   ],
 });