fix(axis): respect custom axis tick interval. close #17967

src/coord/Axis.ts

@@ -189,6 +189,7 @@ class Axis {
             this,
             preTicksCoords,
             alignWithLabel,
+            result.tickCategoryInterval,
         );
 
         return map(preTicksCoords, function (item) {
@@ -318,6 +319,7 @@ function fixOnBandTicksCoords(
         tick: ScaleTick
     }[],
     alignWithLabel: boolean,
+    tickCategoryInterval: number | NullUndefined,
     // return: whether coords are modified according to `onBand`.
 ): boolean {
     const ticksLen = preTicksCoords.length;
@@ -340,15 +342,17 @@ function fixOnBandTicksCoords(
         ticksItem.coord -= bandWidth / 2;
     });
 
-    const dataExtent = axis.scale.getExtent();
-    const oldLast = preTicksCoords[ticksLen - 1];
-    if (oldLast.tick.offInterval) {
-        preTicksCoords.pop();
+    if (tickCategoryInterval != null) {
+        const dataExtent = axis.scale.getExtent();
+        const oldLast = preTicksCoords[ticksLen - 1];
+        if (oldLast.tick.offInterval) {
+            preTicksCoords.pop();
+        }
+        preTicksCoords.push({
+            coord: oldLast.coord + bandWidth,
+            tick: {value: dataExtent[1] + 1},
+        });
     }
-    preTicksCoords.push({
-        coord: oldLast.coord + bandWidth,
-        tick: {value: dataExtent[1] + 1},
-    });
 
     return true;
 }

src/coord/axisTickLabelBuilder.ts

@@ -501,9 +501,10 @@ function makeTicksLabelsByCategoryIntervalNumOrCb(
                 // It is time consuming for large category data.
                 const isOnInterval = !!categoryInterval(tickObj.value, tickLabel);
                 tickObj.offInterval = !isOnInterval;
-                // axis extent min max labels should be always included and the display strategy
-                // is adopted uniformly later in `AxisBuilder`.
-                if (!isOnInterval && !isExtentBoundary) {
+                // Axis extent min max labels should be always included and the display strategy
+                // is adopted uniformly later in `AxisBuilder`. For ticks, keep strictly to the
+                // callback result.
+                if (!isOnInterval && (onlyTick || !isExtentBoundary)) {
                     return;
                 }
             }