Merge pull request #20814 from mortalYoung/fix-20807

fix(dataZoom): restrict range on brushEnd

Author: 100pah

src/component/dataZoom/SliderZoomView.ts

@@ -994,13 +994,25 @@ class SliderZoomView extends DataZoomView {
         const viewExtend = this._getViewExtent();
         const percentExtent = [0, 100];
 
+        const handleEnds = this._handleEnds = [brushShape.x, brushShape.x + brushShape.width];
+        const minMaxSpan = this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan();
+        // Restrict range.
+        sliderMove(
+            0,
+            handleEnds,
+            viewExtend,
+            0,
+            minMaxSpan.minSpan != null
+                ? linearMap(minMaxSpan.minSpan, percentExtent, viewExtend, true) : null,
+            minMaxSpan.maxSpan != null
+                ? linearMap(minMaxSpan.maxSpan, percentExtent, viewExtend, true) : null
+        );
+
         this._range = asc([
-            linearMap(brushShape.x, viewExtend, percentExtent, true),
-            linearMap(brushShape.x + brushShape.width, viewExtend, percentExtent, true)
+            linearMap(handleEnds[0], viewExtend, percentExtent, true),
+            linearMap(handleEnds[1], viewExtend, percentExtent, true)
         ]);
 
-        this._handleEnds = [brushShape.x, brushShape.x + brushShape.width];
-
         this._updateView();
 
         this._dispatchZoomAction(false);