fix(dataZoom): preserve independent axis ranges during option recovery. close #21408

src/component/dataZoom/DataZoomModel.ts

@@ -496,9 +496,22 @@ class DataZoomModel<Opts extends DataZoomOption = DataZoomOption> extends Compon
 
     setCalculatedRange(opt: RangeOption): void {
         const option = this.option;
-        each(['start', 'startValue', 'end', 'endValue'] as const, function (name) {
-            (option as any)[name] = opt[name];
-        });
+        const settledOption = this.settledOption;
+        // A representative axis cannot supply value inputs for every target axis.
+        // Keep value-mode bounds (including unspecified bounds) so getOption can
+        // recover each axis independently, even when the representative range is clamped.
+        each([['start', 'startValue'], ['end', 'endValue']] as const, function (names, index) {
+            if (this._rangePropMode[index] === 'value') {
+                option[names[0]] = null;
+                option[names[1]] = settledOption[names[1]];
+            }
+            else {
+                option[names[0]] = opt[names[0]];
+                option[names[1]] = opt[names[1]];
+            }
+        }, this);
+        // Actions can change the mode without changing the user-specified rangeMode.
+        option.rangeMode = this.getRangePropMode();
     }
 
     getPercentRange(): number[] {

src/component/dataZoom/dataZoomProcessor.ts

@@ -119,8 +119,8 @@ const dataZoomProcessor: StageHandler = {
         });
 
         ecModel.eachComponent('dataZoom', function (dataZoomModel: DataZoomModel) {
-            // Fullfill all of the range props so that user
-            // is able to get them from chart.getOption().
+            // Update the output range while preserving the value-mode inputs
+            // needed to recover all target axes from chart.getOption().
             const axisProxy = dataZoomModel.findRepresentativeAxisProxy();
             if (axisProxy) {
                 const {percent, value} = axisProxy.getWindow();