feat(axis): provide splitLine.showMinLine and splitLine.showMaxLine

src/component/axis/CartesianAxisView.ts

@@ -29,6 +29,7 @@ import CartesianAxisModel from '../../coord/cartesian/AxisModel';
 import GridModel from '../../coord/cartesian/GridModel';
 import { Payload } from '../../util/types';
 import { isIntervalOrLogScale } from '../../scale/helper';
+import IntervalScale from '../../scale/Interval';
 
 const axisBuilderAttrs = [
     'axisLine', 'axisTickLabel', 'axisName'
@@ -135,6 +136,30 @@ const axisElementBuilders: Record<typeof selfBuilderAttrs[number], AxisElementBu
             tickModel: splitLineModel
         });
 
+        const axisScale = axis.scale as IntervalScale;
+        if (ticksCoords.length > 2 && axisScale.getInterval) {
+            const interval = axisScale.getInterval() || null;
+
+            const showMinLine = splitLineModel.get('showMinLine');
+            if (showMinLine === false
+                || (showMinLine === 'auto'
+                    && ticksCoords[1].tickValue - ticksCoords[0].tickValue < interval
+                )
+            ) {
+                ticksCoords.shift();
+            }
+
+            const showMaxLine = splitLineModel.get('showMaxLine');
+            if (showMaxLine === false
+                || (showMaxLine === 'auto'
+                    && ticksCoords[ticksCoords.length - 1].tickValue
+                        - ticksCoords[ticksCoords.length - 2].tickValue < interval
+                )
+            ) {
+                ticksCoords.pop();
+            }
+        }
+
         const p1 = [];
         const p2 = [];
 

src/coord/axisCommonTypes.ts

@@ -244,6 +244,10 @@ interface MinorTickOption {
 
 interface SplitLineOption {
     show?: boolean,
+    // true | false | 'auto'(true when nick tick)
+    showMinLine?: boolean | 'auto',
+    // true | false | 'auto'(true when nick tick)
+    showMaxLine?: boolean | 'auto',
     interval?: 'auto' | number | ((index:number, value: string) => boolean)
     // colors will display in turn
     lineStyle?: LineStyleOption<ZRColor | ZRColor[]>

src/coord/axisDefault.ts

@@ -97,7 +97,9 @@ const defaultOption: AxisBaseOption = {
             color: ['#E0E6F1'],
             width: 1,
             type: 'solid'
-        }
+        },
+        showMinLine: true,
+        showMaxLine: true
     },
     splitArea: {
         show: false,