fix: tickData of axis should update when sampling is changed, fix #…

common/changes/@visactor/vchart/fix-axis-update-about-sampling_2025-06-27-06-07.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "fix: tickData of axis should update when `sampling` is changed, fix #4059\n\n",
+      "type": "none",
+      "packageName": "@visactor/vchart"
+    }
+  ],
+  "packageName": "@visactor/vchart",
+  "email": "dingling112@gmail.com"
+}

packages/vchart/src/component/axis/cartesian/band-axis.ts

@@ -2,7 +2,7 @@ import { BandScale, scaleWholeRangeSize } from '@visactor/vscale';
 import { CartesianAxis } from './axis';
 import type { ICartesianBandAxisSpec } from './interface';
 import { ComponentTypeEnum } from '../../interface';
-import { isNil, isString, isValid, mixin } from '@visactor/vutils';
+import { isEqual, isNil, isString, isValid, mixin } from '@visactor/vutils';
 import { BandAxisMixin } from '../mixin/band-axis-mixin';
 import type { StringOrNumber } from '../../../typings';
 import { Factory } from '../../../core/factory';
@@ -155,6 +155,25 @@ export class CartesianBandAxis<T extends ICartesianBandAxisSpec = ICartesianBand
       minBandSize
     };
   }
+
+  _compareSpec(spec: T, prevSpec: T) {
+    const result = super._compareSpec(spec, prevSpec);
+    if (result.reMake) {
+      return result;
+    }
+
+    if (prevSpec?.showAllGroupLayers !== spec?.showAllGroupLayers || !isEqual(prevSpec?.layers, spec?.layers)) {
+      result.reMake = true;
+    }
+
+    return result;
+  }
+
+  reInit(spec?: T): void {
+    super.reInit();
+
+    (this as any)?._updateData();
+  }
 }
 
 mixin(CartesianBandAxis, BandAxisMixin);

packages/vchart/src/component/axis/mixin/band-axis-mixin.ts

@@ -31,6 +31,7 @@ export interface BandAxisMixin {
   _forceLayout: () => void;
   _getNormalizedValue: (values: any[], length: number) => number;
   _onTickDataChange: (compilableData: CompilableData) => void;
+  registerTicksTransform: () => string;
 }
 
 export class BandAxisMixin {
@@ -73,6 +74,30 @@ export class BandAxisMixin {
       };
     }
   }
+
+  protected _updateData() {
+    const tickTransformType = this.registerTicksTransform();
+
+    if (this._spec.showAllGroupLayers && this._scales.length > 1) {
+      const layers = this._spec.layers ?? [];
+      Object.keys(this._tickDataMap).forEach(layer => {
+        const layerConfig = layers[this._scales.length - 1 - +layer] || {};
+        const tickData = this._tickDataMap[layer];
+        const tickTransform = tickData?.getDataView().transformsArr.find((t: any) => t.type === tickTransformType);
+
+        tickTransform &&
+          (tickTransform.options = {
+            ...this._tickTransformOption(),
+            ...layerConfig
+          });
+      });
+    } else {
+      const tickTransform = this._tickData?.[0]?.getDataView().transformsArr.find(t => t.type === tickTransformType);
+
+      tickTransform && (tickTransform.options = this._tickTransformOption());
+    }
+  }
+
   protected _rawDomainIndex: { [key: string | number | symbol]: number }[] = [];
 
   dataToPosition(values: any[], cfg: IAxisLocationCfg = {}): number {