@visactor/vchart 1.2.0-beta.4 → 1.2.0-beta.5

package/build/index.js

@@ -870,7 +870,7 @@
 	const max$3 = Math.max;
 	const min$3 = Math.min;
 	const sin$1 = Math.sin;
-	const sqrt$2 = Math.sqrt;
+	const sqrt$3 = Math.sqrt;
 	const pow$1 = Math.pow;
 	function acos$1(x) {
 	  return x > 1 ? 0 : x < -1 ? pi$1 : Math.acos(x);
@@ -924,13 +924,13 @@
 	}
 	class PointService {
 	  static distancePP(p1, p2) {
-	    return sqrt$2(pow$1(p1.x - p2.x, 2) + pow$1(p1.y - p2.y, 2));
+	    return sqrt$3(pow$1(p1.x - p2.x, 2) + pow$1(p1.y - p2.y, 2));
 	  }
 	  static distanceNN(x, y, x1, y1) {
-	    return sqrt$2(pow$1(x - x1, 2) + pow$1(y - y1, 2));
+	    return sqrt$3(pow$1(x - x1, 2) + pow$1(y - y1, 2));
 	  }
 	  static distancePN(point, x, y) {
-	    return sqrt$2(pow$1(x - point.x, 2) + pow$1(y - point.y, 2));
+	    return sqrt$3(pow$1(x - point.x, 2) + pow$1(y - point.y, 2));
 	  }
 	  static pointAtPP(p1, p2, t) {
 	    return new Point((p2.x - p1.x) * t + p1.x, (p2.y - p1.y) * t + p1.y);
@@ -2682,7 +2682,7 @@
 	var sign$1 = Math.sign || function (x) {
 	  return x > 0 ? 1 : x < 0 ? -1 : 0;
 	};
-	var sqrt$1 = Math.sqrt;
+	var sqrt$2 = Math.sqrt;
 	var tan = Math.tan;
 	function acos(x) {
 	  return x > 1 ? 0 : x < -1 ? pi : Math.acos(x);
@@ -2797,7 +2797,7 @@
 
 	// TODO return d
 	function cartesianNormalizeInPlace(d) {
-	  var l = sqrt$1(d[0] * d[0] + d[1] * d[1] + d[2] * d[2]);
+	  var l = sqrt$2(d[0] * d[0] + d[1] * d[1] + d[2] * d[2]);
 	  d[0] /= l, d[1] /= l, d[2] /= l;
 	}
 
@@ -3452,7 +3452,7 @@
 	      uu = cartesianDot(u, u),
 	      t2 = w * w - uu * (cartesianDot(A, A) - 1);
 	    if (t2 < 0) return;
-	    var t = sqrt$1(t2),
+	    var t = sqrt$2(t2),
 	      q = cartesianScale(u, (-w - t) / uu);
 	    cartesianAddInPlace(q, A);
 	    q = spherical(q);
@@ -3814,7 +3814,7 @@
 	function centroidPointLine(x, y) {
 	  var dx = x - x0$1,
 	    dy = y - y0$1,
-	    z = sqrt$1(dx * dx + dy * dy);
+	    z = sqrt$2(dx * dx + dy * dy);
 	  X1 += z * (x0$1 + x) / 2;
 	  Y1 += z * (y0$1 + y) / 2;
 	  Z1 += z;
@@ -3836,7 +3836,7 @@
 	function centroidPointRing(x, y) {
 	  var dx = x - x0$1,
 	    dy = y - y0$1,
-	    z = sqrt$1(dx * dx + dy * dy);
+	    z = sqrt$2(dx * dx + dy * dy);
 	  X1 += z * (x0$1 + x) / 2;
 	  Y1 += z * (y0$1 + y) / 2;
 	  Z1 += z;
@@ -3926,7 +3926,7 @@
 	}
 	function lengthPoint(x, y) {
 	  x0 -= x, y0 -= y;
-	  lengthSum.add(sqrt$1(x0 * x0 + y0 * y0));
+	  lengthSum.add(sqrt$2(x0 * x0 + y0 * y0));
 	  x0 = x, y0 = y;
 	}
 	var pathMeasure = lengthStream;
@@ -4129,7 +4129,7 @@
 	      var a = a0 + a1,
 	        b = b0 + b1,
 	        c = c0 + c1,
-	        m = sqrt$1(a * a + b * b + c * c),
+	        m = sqrt$2(a * a + b * b + c * c),
 	        phi2 = asin(c /= m),
 	        lambda2 = abs(abs(c) - 1) < epsilon || abs(lambda0 - lambda1) < epsilon ? (lambda0 + lambda1) / 2 : atan2(b, a),
 	        p = project(lambda2, phi2),
@@ -4332,7 +4332,7 @@
 	    return arguments.length ? (sy = _ ? -1 : 1, recenter()) : sy < 0;
 	  };
 	  projection.precision = function (_) {
-	    return arguments.length ? (projectResample = resample(projectTransform, delta2 = _ * _), reset()) : sqrt$1(delta2);
+	    return arguments.length ? (projectResample = resample(projectTransform, delta2 = _ * _), reset()) : sqrt$2(delta2);
 	  };
 	  projection.fitExtent = function (extent, object) {
 	    return fitExtent(projection, extent, object);
@@ -4395,9 +4395,9 @@
 	  // Are the parallels symmetrical around the Equator?
 	  if (abs(n) < epsilon) return cylindricalEqualAreaRaw(y0);
 	  var c = 1 + sy0 * (2 * n - sy0),
-	    r0 = sqrt$1(c) / n;
+	    r0 = sqrt$2(c) / n;
 	  function project(x, y) {
-	    var r = sqrt$1(c - 2 * n * sin(y)) / n;
+	    var r = sqrt$2(c - 2 * n * sin(y)) / n;
 	    return [r * sin(x *= n), r0 - r * cos(x)];
 	  }
 	  project.invert = function (x, y) {
@@ -4534,7 +4534,7 @@
 	}
 	function azimuthalInvert(angle) {
 	  return function (x, y) {
-	    var z = sqrt$1(x * x + y * y),
+	    var z = sqrt$2(x * x + y * y),
 	      c = angle(z),
 	      sc = sin(c),
 	      cc = cos(c);
@@ -4543,7 +4543,7 @@
 	}
 
 	var azimuthalEqualAreaRaw = azimuthalRaw(function (cxcy) {
-	  return sqrt$1(2 / (1 + cxcy));
+	  return sqrt$2(2 / (1 + cxcy));
 	});
 	azimuthalEqualAreaRaw.invert = azimuthalInvert(function (z) {
 	  return 2 * asin(z / 2);
@@ -4621,7 +4621,7 @@
 	  }
 	  project.invert = function (x, y) {
 	    var fy = f - y,
-	      r = sign$1(n) * sqrt$1(x * x + fy * fy),
+	      r = sign$1(n) * sqrt$2(x * x + fy * fy),
 	      l = atan2(x, abs(fy)) * sign$1(fy);
 	    if (fy * n < 0) l -= pi * sign$1(x) * sign$1(fy);
 	    return [l / n, 2 * atan(pow(f / r, 1 / n)) - halfPi$1];
@@ -4654,7 +4654,7 @@
 	    var gy = g - y,
 	      l = atan2(x, abs(gy)) * sign$1(gy);
 	    if (gy * n < 0) l -= pi * sign$1(x) * sign$1(gy);
-	    return [l / n, g - sign$1(n) * sqrt$1(x * x + gy * gy)];
+	    return [l / n, g - sign$1(n) * sqrt$2(x * x + gy * gy)];
 	  };
 	  return project;
 	}
@@ -4666,7 +4666,7 @@
 	  A2 = -0.081106,
 	  A3 = 0.000893,
 	  A4 = 0.003796,
-	  M = sqrt$1(3) / 2,
+	  M = sqrt$2(3) / 2,
 	  iterations = 12;
 	function equalEarthRaw(lambda, phi) {
 	  var l = asin(M * sin(phi)),
@@ -8658,7 +8658,7 @@
 	  return x;
 	}
 	const generatePow = exponent => x => x < 0 ? -Math.pow(-x, exponent) : Math.pow(x, exponent);
-	const sqrt = x => x < 0 ? -Math.sqrt(-x) : Math.sqrt(x);
+	const sqrt$1 = x => x < 0 ? -Math.sqrt(-x) : Math.sqrt(x);
 	const square$3 = x => x < 0 ? -x * x : x * x;
 	const logNegative = x => -Math.log(-x);
 	const expNegative = x => -Math.exp(-x);
@@ -9127,7 +9127,7 @@
 	    return new PowScale().domain(this._domain, !0).range(this._range, !0).unknown(this._unknown).clamp(this.clamp(), null, !0).interpolate(this._interpolate, !0).exponent(this._exponent);
 	  }
 	  rescale(slience) {
-	    return slience || (1 === this._exponent ? (this.transformer = identity$1, this.untransformer = identity$1) : .5 === this._exponent ? (this.transformer = sqrt, this.untransformer = square$3) : (this.transformer = generatePow(this._exponent), this.untransformer = generatePow(1 / this._exponent)), super.rescale()), this;
+	    return slience || (1 === this._exponent ? (this.transformer = identity$1, this.untransformer = identity$1) : .5 === this._exponent ? (this.transformer = sqrt$1, this.untransformer = square$3) : (this.transformer = generatePow(this._exponent), this.untransformer = generatePow(1 / this._exponent)), super.rescale()), this;
 	  }
 	  exponent(_, slience) {
 	    return arguments.length ? (this._exponent = _, this.rescale(slience)) : this._exponent;
@@ -9249,7 +9249,7 @@
 
 	class SqrtScale extends LinearScale {
 	  constructor() {
-	    super(sqrt, square$3), this.type = ScaleEnum.Sqrt;
+	    super(sqrt$1, square$3), this.type = ScaleEnum.Sqrt;
 	  }
 	  clone() {
 	    return new SqrtScale().domain(this._domain, !0).range(this._range, !0).unknown(this._unknown).clamp(this.clamp(), null, !0).interpolate(this._interpolate);
@@ -19656,6 +19656,24 @@
 	  }
 	  return attr[key];
 	}
+	class RafBasedSTO {
+	  constructor() {
+	    this.durations = [], this.timeout = RafBasedSTO.TimeOut, this.lastDate = 0, this.durationsListThreshold = 30;
+	  }
+	  call(cb) {
+	    return this.lastDate = Date.now(), setTimeout(() => {
+	      this.appendDuration(Date.now() - this.lastDate), cb(0);
+	    }, this.timeout, !0);
+	  }
+	  clear(h) {
+	    clearTimeout(h);
+	  }
+	  appendDuration(d) {
+	    this.durations.push(d), this.durations.length > this.durationsListThreshold && this.durations.shift(), this.timeout = Math.max(this.durations.reduce((a, b) => a + b, 0) / this.durations.length, 1e3 / 60);
+	  }
+	}
+	RafBasedSTO.TimeOut = 1e3 / 60;
+	const rafBasedSto = new RafBasedSTO();
 
 	class IncreaseCount extends ACustomAnimate {
 	  constructor(from, to, duration, easing, params) {
@@ -22450,8 +22468,8 @@
 	          ay = yors - oc[1],
 	          bx = xore - oc[0],
 	          by = yore - oc[1],
-	          kc = 1 / sin$1(acos$1((ax * bx + ay * by) / (sqrt$2(ax * ax + ay * ay) * sqrt$2(bx * bx + by * by))) / 2),
-	          lc = sqrt$2(oc[0] * oc[0] + oc[1] * oc[1]);
+	          kc = 1 / sin$1(acos$1((ax * bx + ay * by) / (sqrt$3(ax * ax + ay * ay) * sqrt$3(bx * bx + by * by))) / 2),
+	          lc = sqrt$3(oc[0] * oc[0] + oc[1] * oc[1]);
 	        limitedIcr = min$3(maxInnerCornerRadius, (innerRadius - lc) / (kc - 1)), limitedOcr = min$3(maxOuterCornerRadius, (outerRadius - lc) / (kc + 1));
 	      }
 	    }
@@ -22669,8 +22687,8 @@
 	          ay = yors - oc[1],
 	          bx = xore - oc[0],
 	          by = yore - oc[1],
-	          kc = 1 / sin$1(acos$1((ax * bx + ay * by) / (sqrt$2(ax * ax + ay * ay) * sqrt$2(bx * bx + by * by))) / 2),
-	          lc = sqrt$2(oc[0] * oc[0] + oc[1] * oc[1]);
+	          kc = 1 / sin$1(acos$1((ax * bx + ay * by) / (sqrt$3(ax * ax + ay * ay) * sqrt$3(bx * bx + by * by))) / 2),
+	          lc = sqrt$3(oc[0] * oc[0] + oc[1] * oc[1]);
 	        limitedIcr = min$3(maxInnerCornerRadius, (innerRadius - lc) / (kc - 1)), limitedOcr = min$3(maxOuterCornerRadius, (outerRadius - lc) / (kc + 1));
 	      }
 	    }
@@ -23370,7 +23388,7 @@
 	}
 	var star$2 = new StarSymbol();
 
-	const sqrt3$1 = sqrt$2(3);
+	const sqrt3$1 = sqrt$3(3);
 	function arrow(ctx, r, transX, transY) {
 	  const triangleH = r,
 	    trangleBottomSide = triangleH / sqrt3$1,
@@ -23437,8 +23455,8 @@
 	var stroke$1 = new StrokeSymbol();
 
 	const c$1 = -.5,
-	  s = sqrt$2(3) / 2,
-	  k = 1 / sqrt$2(12);
+	  s = sqrt$3(3) / 2,
+	  k = 1 / sqrt$3(12);
 	function wye(ctx, r, transX, transY) {
 	  const x0 = r / 2,
 	    y0 = r * k,
@@ -23534,7 +23552,7 @@
 	}
 	var triangleDown = new TriangleDownSymbol();
 
-	const sqrt3 = sqrt$2(3);
+	const sqrt3 = sqrt$3(3);
 	function thinTriangle(ctx, r, x, y) {
 	  const h = r * sqrt3;
 	  return ctx.moveTo(x, y + -h / 3 * 2), ctx.lineTo(r + x, y + h), ctx.lineTo(x - r, y + h), ctx.closePath(), !0;
@@ -24958,7 +24976,7 @@
 	        padAngle = arcTheme.padAngle
 	      } = this.attribute,
 	      {
-	        padRadius = sqrt$2(outerRadius * outerRadius + innerRadius * innerRadius)
+	        padRadius = sqrt$3(outerRadius * outerRadius + innerRadius * innerRadius)
 	      } = this.attribute,
 	      deltaAngle = abs$1(endAngle - startAngle);
 	    let outerStartAngle = startAngle,
@@ -29793,12 +29811,12 @@
 	  }
 	  getRequestAnimationFrame() {
 	    return function (callback) {
-	      return setTimeout(callback, 1e3 / 60, !0);
+	      return rafBasedSto.call(callback);
 	    };
 	  }
 	  getCancelAnimationFrame() {
 	    return h => {
-	      clearTimeout(h);
+	      rafBasedSto.clear(h);
 	    };
 	  }
 	  addEventListener(type, listener, options) {
@@ -30053,12 +30071,12 @@
 	  }
 	  getRequestAnimationFrame() {
 	    return function (callback) {
-	      return setTimeout(callback, 1e3 / 60, !0);
+	      return rafBasedSto.call(callback);
 	    };
 	  }
 	  getCancelAnimationFrame() {
 	    return h => {
-	      clearTimeout(h);
+	      rafBasedSto.clear(h);
 	    };
 	  }
 	  addEventListener(type, listener, options) {
@@ -30149,12 +30167,12 @@
 	  }
 	  getRequestAnimationFrame() {
 	    return function (callback) {
-	      return setTimeout(callback, 1e3 / 60, !0);
+	      return rafBasedSto.call(callback);
 	    };
 	  }
 	  getCancelAnimationFrame() {
 	    return h => {
-	      clearTimeout(h);
+	      rafBasedSto.clear(h);
 	    };
 	  }
 	  addEventListener(type, listener, options) {}
@@ -30260,12 +30278,12 @@
 	  }
 	  getRequestAnimationFrame() {
 	    return function (callback) {
-	      return setTimeout(callback, 1e3 / 60, !0);
+	      return rafBasedSto.call(callback);
 	    };
 	  }
 	  getCancelAnimationFrame() {
 	    return h => {
-	      clearTimeout(h);
+	      rafBasedSto.clear(h);
 	    };
 	  }
 	  addEventListener(type, listener, options) {
@@ -34610,7 +34628,7 @@
 	  constructor(dir, color) {
 	    let ambient = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : .8;
 	    this.dir = dir, this.color = color, this.colorRgb = colorString.get(color).value, this.colorRgb[0] /= 255, this.colorRgb[1] /= 255, this.colorRgb[2] /= 255, this.ambient = ambient;
-	    const length = sqrt$2(dir[0] * dir[0] + dir[1] * dir[1] + dir[2] * dir[2]);
+	    const length = sqrt$3(dir[0] * dir[0] + dir[1] * dir[1] + dir[2] * dir[2]);
 	    this.formatedDir = [dir[0] / length, dir[1] / length, dir[2] / length];
 	  }
 	  computeColor(normal, color) {
@@ -41284,6 +41302,7 @@
 	        x2: x2,
 	        y2: y2
 	      } = _ref;
+	      if (x2 < 0 || y2 < 0 || x1 > w || y1 > h) return !0;
 	      let start,
 	        end,
 	        indexStart,
@@ -41305,6 +41324,7 @@
 	        x2: x2,
 	        y2: y2
 	      } = _ref2;
+	      if (x2 < 0 || y2 < 0 || x1 > w || y1 > h) return;
 	      let start, end, indexStart, indexEnd, i;
 	      for (; y1 <= y2; ++y1) if (start = y1 * w + x1, end = y1 * w + x2, indexStart = start >>> 5, indexEnd = end >>> 5, indexStart === indexEnd) _set(indexStart, RIGHT0[31 & start] & RIGHT1[1 + (31 & end)]);else for (_set(indexStart, RIGHT0[31 & start]), _set(indexEnd, RIGHT1[1 + (31 & end)]), i = indexStart + 1; i < indexEnd; ++i) _set(i, 4294967295);
 	    },
@@ -49686,7 +49706,7 @@
 	        isSub = rangeSpec.isSubshaft,
 	        reversed = rangeSpec.reversed,
 	        coordinate = this.parameters()[coord];
-	      return null == coordinate ? void 0 : coordinate.getVisiualPositionByDimension(dim, isSub, reversed);
+	      return null == coordinate ? void 0 : coordinate.getVisualPositionByDimension(dim, isSub, reversed);
 	    }
 	    return null;
 	  }
@@ -50121,7 +50141,7 @@
 	      res = this.isMainDimension(dim) ? [start.x, end.x] : [end.y, start.y];
 	    return reversed ? [res[1], res[0]] : res;
 	  }
-	  getVisiualPositionByDimension(dim, isSubshaft, reversed) {
+	  getVisualPositionByDimension(dim, isSubshaft, reversed) {
 	    return this.isMainDimension(dim) ? isSubshaft ? "top" : "bottom" : isSubshaft ? "right" : "left";
 	  }
 	  getAxisPointsByDimension(dim, isSubshaft, reversed, baseValue) {
@@ -50268,7 +50288,7 @@
 	    const res = this.isMainDimension(dim) ? [this.startAngle, this.endAngle] : [this.innerRadius, this.outerRadius];
 	    return reversed ? [res[1], res[0]] : res;
 	  }
-	  getVisiualPositionByDimension(dim, isSubshaft, reversed) {
+	  getVisualPositionByDimension(dim, isSubshaft, reversed) {
 	    return this.isMainDimension(dim) ? isSubshaft ? "inside" : "outside" : isSubshaft ? "end" : "start";
 	  }
 	  getAxisPointsByDimension(dim, isSubshaft, reversed, baseValue) {
@@ -52785,12 +52805,12 @@
 	    },
 	    textStyle: {
 	        fontSize: THEME_CONSTANTS.TITLE_FONT_SIZE,
-	        fontColor: { type: 'palette', key: 'titleFontColor' }
+	        fill: { type: 'palette', key: 'titleFontColor' }
 	    },
 	    subtextStyle: {
 	        fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,
 	        lineHeight: THEME_CONSTANTS.TITLE_FONT_SIZE,
-	        fontColor: { type: 'palette', key: 'labelFontColor' }
+	        fill: { type: 'palette', key: 'labelFontColor' }
 	    }
 	};
 
@@ -52913,7 +52933,8 @@
 	    mark: markByType,
 	    markByName,
 	    series,
-	    component
+	    component,
+	    animationThreshold: 2000
 	};
 
 	const buildinThemeMap = new Map([
@@ -58239,7 +58260,7 @@
 	VChart.useMark([ComponentMark, GroupMark, ImageMark]);
 	Factory.registerRegion('region', Region);
 	Factory.registerLayout('base', Layout);
-	const version = "1.2.0-beta.4";
+	const version = "1.2.0-beta.5";
 	Logger.getInstance(LoggerLevel.Error);
 
 	var SeriesMarkNameEnum;
@@ -58825,12 +58846,12 @@
 	    init(options = {}) {
 	        this.initRegion();
 	        this.initSeries();
-	        this.updateGlobalScaleDomain();
 	        this.initComponent();
 	        this.initEvent();
 	        this._stack.init();
 	        this._series.forEach(s => s.getRawData()?.markRunning());
 	        this._series.forEach(s => s.fillData());
+	        this.updateGlobalScaleDomain();
 	    }
 	    onResize(width, height) {
 	        const canvasRect = {
@@ -59431,6 +59452,7 @@
 	            label: spec.label,
 	            seriesStyle: spec.seriesStyle,
 	            animation: spec.animation,
+	            animationThreshold: spec.animationThreshold ?? this._theme.animationThreshold,
 	            animationAppear: spec.animationAppear,
 	            animationDisappear: spec.animationDisappear,
 	            animationEnter: spec.animationEnter,
@@ -61208,6 +61230,7 @@
 	    }
 	    initData() {
 	        this._rawData = this._spec.data;
+	        this._rawData?.target.addListener('change', this.rawDataUpdate.bind(this));
 	        this._addDataIndexAndKey();
 	        if (this._rawData) {
 	            this._viewDataFilter = dataViewFromDataView(this._rawData, this._dataSet, {
@@ -61253,7 +61276,6 @@
 	        const rawDataName = `${PREFIX}_series_${this.id}_rawDataStatic`;
 	        this._rawDataStatistics = this.createStatisticalData(rawDataName, this._rawData, this._option.globalScale.getStatisticalFields);
 	        this._rawData.target.removeListener('change', this._rawDataStatistics.reRunAllTransform);
-	        this._rawDataStatistics.reRunAllTransform();
 	    }
 	    _statisticViewData() {
 	        const viewDataName = `${PREFIX}_series_${this.id}_viewDataStatic`;
@@ -61304,8 +61326,17 @@
 	            }
 	        }, false);
 	    }
+	    _noAnimationDataKey(datum, index, context) {
+	        return index;
+	    }
 	    generateDefaultDataKey(dataKey, datum, index, context) {
 	        if (isNil(dataKey)) {
+	            if (this._spec.animation === false) {
+	                const v = this._noAnimationDataKey(datum, index, context);
+	                if (v !== undefined) {
+	                    return v;
+	                }
+	            }
 	            const { keyMap } = context;
 	            const seriesDataKey = this._getSeriesDataKey(datum);
 	            if (keyMap.get(seriesDataKey) === undefined) {
@@ -61346,8 +61377,8 @@
 	        this._rawData.updateRawData(d);
 	    }
 	    rawDataUpdate(d) {
-	        this.event.emit(ChartEvent.rawDataUpdate, { model: this });
 	        this._rawDataStatistics?.reRunAllTransform();
+	        this.event.emit(ChartEvent.rawDataUpdate, { model: this });
 	    }
 	    rawDataStatisticsUpdate(d) {
 	        this.event.emit(ChartEvent.rawDataStatisticsUpdate, { model: this });
@@ -61488,13 +61519,25 @@
 	    }
 	    afterInitMark() {
 	        this.event.emit(ChartEvent.afterInitMark, { model: this });
-	        this._rawDataStatistics?.reRunAllTransform();
 	        this.setSeriesField(this._spec.seriesField);
+	        let animationThreshold = this._spec.animationThreshold ?? Number.MAX_SAFE_INTEGER;
 	        this.getMarks().forEach(m => {
 	            if (m.stateStyle?.normal?.lineWidth) {
 	                m.setAttribute('stroke', this.getColorAttribute(), 'normal', AttributeLevel.Base_Series);
 	            }
+	            const config = m.getProgressiveConfig();
+	            if (config) {
+	                if (config.large && config.largeThreshold) {
+	                    animationThreshold = Math.min(animationThreshold, config.largeThreshold);
+	                }
+	                if (config.progressiveThreshold) {
+	                    animationThreshold = Math.min(animationThreshold, config.progressiveThreshold);
+	                }
+	            }
 	        });
+	        if (this._rawData?.latestData?.length >= animationThreshold) {
+	            this._spec.animation = false;
+	        }
 	    }
 	    getMarksWithoutRoot() {
 	        return this.getMarks().filter(m => !m.name.includes('seriesGroup'));
@@ -61510,7 +61553,6 @@
 	    }
 	    initEvent() {
 	        this._trigger.init();
-	        this._rawData?.target.addListener('change', this.rawDataUpdate.bind(this));
 	        this._data?.getDataView()?.target.addListener('change', this.viewDataUpdate.bind(this));
 	        this._viewDataStatistics?.target.addListener('change', this.viewDataStatisticsUpdate.bind(this));
 	        this._rawDataStatistics?.target.addListener('change', this.rawDataStatisticsUpdate.bind(this));
@@ -61595,8 +61637,7 @@
 	        });
 	    }
 	    getSeriesInfoInField(field) {
-	        const keys = this._rawDataStatistics.latestData[field]?.values;
-	        return this._getSeriesInfo(field, keys);
+	        return this._getSeriesInfo(field, this._rawDataStatistics.latestData[field]?.values ?? []);
 	    }
 	    getSeriesInfoList() {
 	        return this._getSeriesInfo(this._seriesField ?? DEFAULT_DATA_SERIES_FIELD, this.getSeriesKeys());
@@ -63184,7 +63225,7 @@
 	}
 
 	VChart.useMark([RectMark, TextMark]);
-	const DefaultBandWidth$3 = 6;
+	const DefaultBandWidth$2 = 6;
 	class BarSeries extends CartesianSeries {
 	    static type = SeriesTypeEnum.bar;
 	    type = SeriesTypeEnum.bar;
@@ -63255,31 +63296,17 @@
 	            this.setMarkStyle(this._rectMark, {
 	                x: (datum) => valueInScaleRange(this.dataToPositionX(datum), xScale),
 	                x1: (datum) => valueInScaleRange(this.dataToPositionX1(datum), xScale),
-	                y: (datum) => {
-	                    const bandWidth = this.getYAxisHelper().getBandwidth?.(this._groups ? this._groups.fields.length - 1 : 0) ??
-	                        DefaultBandWidth$3;
-	                    const continuous = isContinuous(yScale.type || 'band');
-	                    const pos = this.dataToPositionY(datum);
-	                    const width = this._rectMark.getAttribute('height', datum);
-	                    return pos + (bandWidth - width) * 0.5 + (continuous ? -bandWidth / 2 : 0);
-	                },
-	                height: () => this.getBarWidth(this._yAxisHelper)
+	                y: (datum) => this._getPosition(this.direction, datum),
+	                height: () => this._getBarWidth(this._yAxisHelper)
 	            }, 'normal', AttributeLevel.Series);
 	        }
 	        else {
 	            this.setMarkStyle(this._rectMark, {
-	                x: (datum) => {
-	                    const bandWidth = this.getXAxisHelper().getBandwidth?.(this._groups ? this._groups.fields.length - 1 : 0) ??
-	                        DefaultBandWidth$3;
-	                    const width = this._rectMark.getAttribute('width', datum);
-	                    const continuous = isContinuous(this.getXAxisHelper().getScale?.(0).type || 'band');
-	                    const pos = this.dataToPositionX(datum);
-	                    return pos + (bandWidth - width) / 2 + (continuous ? -bandWidth / 2 : 0);
-	                },
+	                x: (datum) => this._getPosition(this.direction, datum),
 	                y: (datum) => valueInScaleRange(this.dataToPositionY(datum), yScale),
 	                y1: (datum) => valueInScaleRange(this.dataToPositionY1(datum), yScale),
 	                width: () => {
-	                    return this.getBarWidth(this._xAxisHelper);
+	                    return this._getBarWidth(this._xAxisHelper);
 	                }
 	            }, 'normal', AttributeLevel.Series);
 	        }
@@ -63311,9 +63338,9 @@
 	        };
 	        this._rectMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.bar(animationParams, appearPreset), userAnimationConfig(this._barMarkName, this._spec), { dataIndex }));
 	    }
-	    getBarWidth(axisHelper) {
+	    _getBarWidth(axisHelper) {
 	        const hasBarWidth = this._spec.barWidth !== undefined;
-	        const bandWidth = axisHelper.getBandwidth?.(this._groups ? this._groups.fields.length - 1 : 0) ?? DefaultBandWidth$3;
+	        const bandWidth = axisHelper.getBandwidth?.(this._groups ? this._groups.fields.length - 1 : 0) ?? DefaultBandWidth$2;
 	        if (hasBarWidth) {
 	            return getActualNumValue(this._spec.barWidth, bandWidth);
 	        }
@@ -63328,6 +63355,50 @@
 	        }
 	        return width;
 	    }
+	    _getPosition(direction, datum) {
+	        let axisHelper;
+	        let sizeAttribute;
+	        let dataToPosition;
+	        if (direction === Direction$2.horizontal) {
+	            axisHelper = this.getYAxisHelper();
+	            sizeAttribute = 'height';
+	            dataToPosition = this.dataToPositionY.bind(this);
+	        }
+	        else {
+	            axisHelper = this.getXAxisHelper();
+	            sizeAttribute = 'width';
+	            dataToPosition = this.dataToPositionX.bind(this);
+	        }
+	        const scale = axisHelper.getScale(0);
+	        const size = this._rectMark.getAttribute(sizeAttribute, datum);
+	        const bandWidth = axisHelper.getBandwidth?.(this._groups ? this._groups.fields.length - 1 : 0) ?? DefaultBandWidth$2;
+	        if (this._groups?.fields?.length > 1 && isValid(this._spec.barGapInGroup)) {
+	            const groupFields = this._groups.fields;
+	            const barInGroup = array(this._spec.barGapInGroup);
+	            let totalWidth = 0;
+	            let offSet = 0;
+	            for (let index = groupFields.length - 1; index >= 1; index--) {
+	                const groupField = groupFields[index];
+	                const groupValues = this.getViewDataStatistics()?.latestData?.[groupField]?.values ?? [];
+	                const groupCount = groupValues.length;
+	                const gap = getActualNumValue(barInGroup[index - 1] ?? last(barInGroup), bandWidth);
+	                const i = groupValues.indexOf(datum[groupField]);
+	                if (index === groupFields.length - 1) {
+	                    totalWidth += groupCount * size + (groupCount - 1) * gap;
+	                    offSet += i * (size + gap);
+	                }
+	                else {
+	                    offSet += i * (totalWidth + gap);
+	                    totalWidth += totalWidth + (groupCount - 1) * gap;
+	                }
+	            }
+	            const center = scale.scale(datum[groupFields[0]]) + axisHelper.getBandwidth(0) / 2;
+	            return center - totalWidth / 2 + offSet;
+	        }
+	        const continuous = isContinuous(scale.type || 'band');
+	        const pos = dataToPosition(datum);
+	        return pos + (bandWidth - size) * 0.5 + (continuous ? -bandWidth / 2 : 0);
+	    }
 	    updateSpec(spec) {
 	        const { direction } = this._spec;
 	        const result = super.updateSpec(spec);
@@ -64580,7 +64651,6 @@
 	    }
 	}
 
-	const DefaultBandWidth$2 = 6;
 	class RangeColumnSeries extends BarSeries {
 	    static type = SeriesTypeEnum.rangeColumn;
 	    type = SeriesTypeEnum.rangeColumn;
@@ -64617,14 +64687,7 @@
 	        }
 	    }
 	    initMarkStyle() {
-	        const rectMark = this._rectMark;
-	        if (rectMark) {
-	            this.setMarkStyle(rectMark, {
-	                fill: this.getColorAttribute()
-	            }, 'normal', AttributeLevel.Series);
-	            this._trigger.registerMark(rectMark);
-	            this._tooltipHelper?.activeTriggerSet.mark.add(rectMark);
-	        }
+	        super.initMarkStyle();
 	        const minLabelMark = this._minLabelMark;
 	        const minLabelSpec = this._spec.label?.minLabel;
 	        if (minLabelMark) {
@@ -64716,27 +64779,13 @@
 	                x1: (datum) => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._spec.xField[1]), {
 	                    bandPosition: this._bandPosition
 	                }), xScale),
-	                y: (datum) => {
-	                    const bandWidth = this.getYAxisHelper().getBandwidth?.(this._groups ? this._groups.fields.length - 1 : 0) ??
-	                        DefaultBandWidth$2;
-	                    const continuous = isContinuous(yScale.type || 'band');
-	                    const pos = this.dataToPositionY(datum);
-	                    const width = this._rectMark.getAttribute('height', datum);
-	                    return pos + (bandWidth - width) * 0.5 + (continuous ? -bandWidth / 2 : 0);
-	                },
-	                height: () => this.getBarWidth(this._yAxisHelper)
+	                y: (datum) => this._getPosition(this.direction, datum),
+	                height: () => this._getBarWidth(this._yAxisHelper)
 	            }, 'normal', AttributeLevel.Series);
 	        }
 	        else {
 	            this.setMarkStyle(this._rectMark, {
-	                x: (datum) => {
-	                    const bandWidth = this.getXAxisHelper().getBandwidth?.(this._groups ? this._groups.fields.length - 1 : 0) ??
-	                        DefaultBandWidth$2;
-	                    const width = this._rectMark.getAttribute('width', datum);
-	                    const continuous = isContinuous(this.getXAxisHelper().getScale?.(0).type || 'band');
-	                    const pos = this.dataToPositionX(datum);
-	                    return pos + (bandWidth - width) / 2 + (continuous ? -bandWidth / 2 : 0);
-	                },
+	                x: (datum) => this._getPosition(this.direction, datum),
 	                y: (datum) => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._spec.yField[0]), {
 	                    bandPosition: this._bandPosition
 	                }), yScale),
@@ -64744,7 +64793,7 @@
 	                    bandPosition: this._bandPosition
 	                }), yScale),
 	                width: () => {
-	                    return this.getBarWidth(this._xAxisHelper);
+	                    return this._getBarWidth(this._xAxisHelper);
 	                }
 	            }, 'normal', AttributeLevel.Series);
 	        }
@@ -65319,8 +65368,8 @@
 	    }
 	    getSeriesKeys() {
 	        if (this._seriesField) {
-	            return (this._mapViewDataStatistics?.latestData[this._seriesField]?.values ??
-	                this._rawDataStatistics?.latestData[this._seriesField].values ??
+	            return (this._rawDataStatistics?.latestData?.[this._seriesField]?.values ??
+	                this._mapViewDataStatistics?.latestData[this._seriesField]?.values ??
 	                []);
 	        }
 	        if (this.name) {
@@ -66795,12 +66844,6 @@
 	                padAngle: this._padAngle,
 	                centerOffset: this._centerOffset
 	            }, 'normal', AttributeLevel.Series);
-	            const pieSpec = this.getSpec()[pieMark.name];
-	            if (pieSpec) {
-	                for (const state in pieSpec.state || {}) {
-	                    this.setMarkStyle(pieMark, this.generateRadiusStyle(pieSpec.state[state]), state, AttributeLevel.User_Mark);
-	                }
-	            }
 	            this._trigger.registerMark(pieMark);
 	            this._tooltipHelper?.activeTriggerSet.mark.add(pieMark);
 	        }
@@ -66835,6 +66878,17 @@
 	            this._trigger.registerMark(labelLineMark);
 	        }
 	    }
+	    initMarkStyleWithSpec(mark, spec, key) {
+	        super.initMarkStyleWithSpec(mark, spec, key);
+	        if (mark.name === this._pieMarkName) {
+	            const pieSpec = this.getSpec()[mark.name];
+	            if (pieSpec) {
+	                for (const state in pieSpec.state || {}) {
+	                    this.setMarkStyle(mark, this.generateRadiusStyle(pieSpec.state[state]), state, AttributeLevel.User_Mark);
+	                }
+	            }
+	        }
+	    }
 	    afterInitMark() {
 	        super.afterInitMark();
 	        this._trigger.setStateKeys([this._seriesField, ...this._radiusField]);
@@ -67033,6 +67087,9 @@
 	    }
 	    setValueFieldToPercent() {
 	    }
+	    _noAnimationDataKey(datum, index) {
+	        return index;
+	    }
 	}
 	class PieSeries extends BasePieSeries {
 	    static type = SeriesTypeEnum.pie;
@@ -67562,13 +67619,13 @@
 	                    if (!datum || !this.angleAxisHelper || !this.radiusAxisHelper) {
 	                        return Number.NaN;
 	                    }
-	                    return this.valueToPosition(this.getDatumPositionValues(datum, this._angleField), this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : 0).x;
+	                    return this.valueToPosition(this.getDatumPositionValues(datum, this._angleField), this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : this.radiusScale.domain()[0]).x;
 	                },
 	                y1: (datum) => {
 	                    if (!datum || !this.angleAxisHelper || !this.radiusAxisHelper) {
 	                        return Number.NaN;
 	                    }
-	                    const value = this.valueToPosition(this.getDatumPositionValues(datum, this._angleField), this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : 0).y;
+	                    const value = this.valueToPosition(this.getDatumPositionValues(datum, this._angleField), this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : this.radiusScale.domain()[0]).y;
 	                    return value;
 	                },
 	                fill: this.getColorAttribute(),
@@ -69624,8 +69681,9 @@
 	  let fontSize = options.fontSize ? field$1(options.fontSize) : 14;
 	  const fontSizeRange = options.fontSizeRange;
 	  if (fontSizeRange && !isNumber(fontSize)) {
-	    const fsize = fontSize;
-	    fontSize = datum => sqrtScale(fsize(datum), extent$1(fsize, data), fontSizeRange);
+	    const fsize = fontSize,
+	      fontSizeSqrtScale = generateSqrtScale(extent$1(fsize, data), fontSizeRange);
+	    fontSize = datum => fontSizeSqrtScale(fsize(datum));
 	  }
 	  let Layout = CloudLayout;
 	  "fast" === options.layoutType ? Layout = FastLayout : "grid" === options.layoutType && (Layout = GridLayout$1);
@@ -69661,7 +69719,15 @@
 	  } : layout.output();
 	};
 	const field$1 = option => isString(option) || isNumber(option) || isFunction(option) ? option : datum => datum[option.field],
-	  sqrtScale = (datum, domain, range) => (Math.sqrt(datum) - Math.sqrt(domain[0])) / (Math.sqrt(domain[1]) - Math.sqrt(domain[0])) * (range[1] - range[0]) + range[0],
+	  sqrt = x => x < 0 ? -Math.sqrt(-x) : Math.sqrt(x),
+	  generateSqrtScale = (domain, range) => {
+	    if (domain[0] === domain[1]) return datum => range[0];
+	    const s0 = sqrt(domain[0]),
+	      s1 = sqrt(domain[1]),
+	      min = Math.min(s0, s1),
+	      max = Math.max(s0, s1);
+	    return datum => (sqrt(datum) - min) / (max - min) * (range[1] - range[0]) + range[0];
+	  },
 	  extent$1 = (field, data) => {
 	    let min = 1 / 0,
 	      max = -1 / 0;
@@ -73349,6 +73415,9 @@
 	    setValueFieldToPercent() {
 	        return;
 	    }
+	    _noAnimationDataKey(datum, index) {
+	        return undefined;
+	    }
 	}
 	mixin(SunburstSeries, Drillable);
 
@@ -73575,6 +73644,9 @@
 	        super.onLayoutEnd(ctx);
 	        this._rawData.reRunAllTransform();
 	    }
+	    _noAnimationDataKey(datum, index) {
+	        return undefined;
+	    }
 	}
 	mixin(CirclePackingSeries, Drillable);
 
@@ -75011,6 +75083,9 @@
 	    getDefaultShapeType() {
 	        return 'square';
 	    }
+	    _noAnimationDataKey(datum, index) {
+	        return undefined;
+	    }
 	}
 
 	const treemap = (data, op) => {
@@ -76103,7 +76178,8 @@
 	            ...super._getDefaultSeriesSpec(spec),
 	            barWidth: spec.barWidth,
 	            barMaxWidth: spec.barMaxWidth,
-	            barMinWidth: spec.barMinWidth
+	            barMinWidth: spec.barMinWidth,
+	            barGapInGroup: spec.barGapInGroup
 	        };
 	    }
 	    transformSpec(spec) {
@@ -76118,6 +76194,15 @@
 	    static view = 'singleDefault';
 	    type = ChartTypeEnum.bar3d;
 	    seriesType = SeriesTypeEnum.bar3d;
+	    _getDefaultSeriesSpec(spec) {
+	        return {
+	            ...super._getDefaultSeriesSpec(spec),
+	            barWidth: spec.barWidth,
+	            barMaxWidth: spec.barMaxWidth,
+	            barMinWidth: spec.barMinWidth,
+	            barGapInGroup: spec.barGapInGroup
+	        };
+	    }
 	}
 
 	VChart.useSeries([BoxPlotSeries]);
@@ -76981,7 +77066,8 @@
 	    seriesType = SeriesTypeEnum.rangeColumn;
 	    _getDefaultSeriesSpec(spec) {
 	        const series = {
-	            ...super._getDefaultSeriesSpec(spec)
+	            ...super._getDefaultSeriesSpec(spec),
+	            barGapInGroup: spec.barGapInGroup
 	        };
 	        series.bar = spec.bar;
 	        if (spec.direction === Direction$2.horizontal) {
@@ -77006,7 +77092,8 @@
 	    seriesType = SeriesTypeEnum.rangeColumn3d;
 	    _getDefaultSeriesSpec(spec) {
 	        const series = {
-	            ...super._getDefaultSeriesSpec(spec)
+	            ...super._getDefaultSeriesSpec(spec),
+	            barGapInGroup: spec.barGapInGroup
 	        };
 	        series.bar3d = spec.bar3d;
 	        if (spec.direction === Direction$2.horizontal) {
@@ -80164,6 +80251,11 @@
 	    if (!isContinuous(scale.type)) {
 	        return convertDomainToTickData(scale.domain());
 	    }
+	    const range = scale.range();
+	    const rangeSize = Math.abs(range[range.length - 1] - range[0]);
+	    if (rangeSize < 2) {
+	        return convertDomainToTickData([scale.domain()[0]]);
+	    }
 	    const { tickCount, forceTickCount, tickStep } = op;
 	    let scaleTicks;
 	    if (isValid(tickStep)) {
@@ -80216,8 +80308,20 @@
 	};
 
 	const linearDiscreteTicks = (scale, op) => {
+	    const domain = scale.domain();
+	    if (!domain.length) {
+	        return [];
+	    }
 	    const { tickCount, forceTickCount, tickStep, labelGap = 4, axisOrientType } = op;
 	    const isHorizontal = ['bottom', 'top'].includes(axisOrientType);
+	    const range = scale.range();
+	    const rangeSize = Math.abs(range[range.length - 1] - range[0]);
+	    if (rangeSize < 2) {
+	        if (op.labelLastVisible) {
+	            return convertDomainToTickData([domain[domain.length - 1]]);
+	        }
+	        return convertDomainToTickData([domain[0]]);
+	    }
 	    let scaleTicks;
 	    if (isValid(tickStep)) {
 	        scaleTicks = scale.stepTicks(tickStep);
@@ -80229,9 +80333,47 @@
 	        scaleTicks = scale.ticks(tickCount);
 	    }
 	    else if (op.sampling) {
-	        const domain = scale.domain();
-	        const range = scale.range();
-	        const labelBoundsList = getCartesianLabelBounds(scale, domain, op);
+	        let labelBoundsList;
+	        const fontSize = (op.labelStyle.fontSize ?? 12) + 2;
+	        if (domain.length <= rangeSize / fontSize) {
+	            labelBoundsList = getCartesianLabelBounds(scale, domain, op);
+	        }
+	        else {
+	            const tempDomain = [domain[0], domain[Math.floor(domain.length / 2)], domain[domain.length - 1]];
+	            const tempList = getCartesianLabelBounds(scale, tempDomain, op);
+	            let maxBounds = null;
+	            let maxBoundsIndex = 0;
+	            tempList.forEach((current, index) => {
+	                if (!maxBounds) {
+	                    maxBounds = current;
+	                    maxBoundsIndex = index;
+	                    return;
+	                }
+	                if (isHorizontal) {
+	                    if (maxBounds.width() < current.width()) {
+	                        maxBounds = current;
+	                        maxBoundsIndex = index;
+	                    }
+	                }
+	                else if (maxBounds.height() < current.height()) {
+	                    maxBounds = current;
+	                    maxBoundsIndex = index;
+	                }
+	            });
+	            const maxBoundsDomainIndex = maxBoundsIndex === 0 ? 0 : maxBoundsIndex === 2 ? domain.length - 1 : Math.floor(domain.length / 2);
+	            const maxBoundsPos = scale.scale(domain[maxBoundsDomainIndex]);
+	            labelBoundsList = new Array(domain.length);
+	            for (let i = 0; i < labelBoundsList.length; i++) {
+	                labelBoundsList[i] = maxBounds.clone();
+	                const currentPos = scale.scale(domain[i]);
+	                if (isHorizontal) {
+	                    labelBoundsList[i].translate(currentPos - maxBoundsPos, 0);
+	                }
+	                else {
+	                    labelBoundsList[i].translate(0, currentPos - maxBoundsPos);
+	                }
+	            }
+	        }
 	        const domainLengthList = labelBoundsList.map(b => {
 	            return isHorizontal ? b.width() : b.height();
 	        });
@@ -80964,7 +81106,8 @@
 	            getScale,
 	            getStatisticsDomain: () => this.getStatisticsDomain(),
 	            getAxisType: () => this.type,
-	            getAxisId: () => this.id
+	            getAxisId: () => this.id,
+	            isInverse: () => this._spec.inverse === true
 	        };
 	    }
 	    afterCompile() {
@@ -81169,7 +81312,7 @@
 	    }
 	    _getTitleLimit(isX) {
 	        if (this._spec.title.visible && isNil(this._spec.title.style?.maxLineWidth)) {
-	            const angle = this._spec.title.style?.angle || 0;
+	            const angle = this._axisStyle.title?.angle ?? this._spec.title.style?.angle ?? 0;
 	            if (isX) {
 	                const width = this.getLayoutRect().width;
 	                const cosValue = Math.abs(Math.cos(angle));
@@ -81673,7 +81816,8 @@
 	            getBandwidth,
 	            getStatisticsDomain: () => this.getStatisticsDomain(),
 	            getAxisType: () => this.type,
-	            getAxisId: () => this.id
+	            getAxisId: () => this.id,
+	            isInverse: () => this._spec.inverse
 	        };
 	    }
 	    dataToPosition(values, cfg = {}) {
@@ -83539,7 +83683,8 @@
 	                            return this.dataToLongitude(values[0]);
 	                        },
 	                        getAxisType: () => this.type,
-	                        getAxisId: () => this.id
+	                        getAxisId: () => this.id,
+	                        isInverse: () => false
 	                    });
 	                    s.setYAxisHelper({
 	                        ...helper,
@@ -83547,7 +83692,8 @@
 	                            return this.dataToLatitude(values[0]);
 	                        },
 	                        getAxisType: () => this.type,
-	                        getAxisId: () => this.id
+	                        getAxisId: () => this.id,
+	                        isInverse: () => false
 	                    });
 	                    this._longitudeField && s.setFieldX(this._longitudeField);
 	                    this._latitudeField && s.setFieldY(this._latitudeField);
@@ -85493,6 +85639,9 @@
 	    _processSpecX(specX) {
 	        const relativeSeries = this._relativeSeries;
 	        let processType;
+	        if (isFunction(specX)) {
+	            specX = specX(this._relativeSeries.getData().getLatestData(), this._startRelativeSeries.getData().getLatestData(), this._endRelativeSeries.getData().getLatestData());
+	        }
 	        if (this._isSpecAggrOrRege(specX)) {
 	            processType = specX;
 	            return {
@@ -85507,6 +85656,9 @@
 	    _processSpecY(specY) {
 	        const relativeSeries = this._relativeSeries;
 	        let processType;
+	        if (isFunction(specY)) {
+	            specY = specY(this._relativeSeries.getData().getLatestData(), this._startRelativeSeries.getData().getLatestData(), this._endRelativeSeries.getData().getLatestData());
+	        }
 	        if (this._isSpecAggrOrRege(specY)) {
 	            processType = specY;
 	            return {
@@ -85690,8 +85842,15 @@
 	        else if (isPositionLayout) {
 	            points = spec.positions;
 	        }
+	        const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
 	        this._markerComponent?.setAttributes({
-	            points: points
+	            points: points,
+	            label: {
+	                ...this._markerComponent.attribute?.label,
+	                text: this._spec.label.formatMethod
+	                    ? this._spec.label.formatMethod(dataPoints)
+	                    : this._markerComponent.attribute?.label?.text
+	            }
 	        });
 	    }
 	    _initDataView() {
@@ -85847,8 +86006,15 @@
 	        else if (isPositionLayout) {
 	            points = spec.positions;
 	        }
+	        const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
 	        this._markerComponent?.setAttributes({
-	            points: points
+	            points: points,
+	            label: {
+	                ...this._markerComponent.attribute?.label,
+	                text: this._spec.label.formatMethod
+	                    ? this._spec.label.formatMethod(dataPoints)
+	                    : this._markerComponent.attribute?.label?.text
+	            }
 	        });
 	    }
 	    _initDataView() {
@@ -85957,8 +86123,18 @@
 	        else if (isPositionLayout) {
 	            point = spec.position;
 	        }
+	        const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
 	        this._markerComponent?.setAttributes({
-	            position: point
+	            position: point,
+	            itemContent: {
+	                ...this._markerComponent.attribute?.itemContent,
+	                textStyle: {
+	                    ...this._markerComponent.attribute?.itemContent?.textStyle,
+	                    text: this._spec.itemContent.text?.formatMethod
+	                        ? this._spec.itemContent.text.formatMethod(dataPoints)
+	                        : this._markerComponent.attribute?.itemContent?.textStyle?.text
+	                }
+	            }
 	        });
 	    }
 	    _initDataView() {
@@ -88382,16 +88558,19 @@
 	    const { series, baseMark } = labelInfo;
 	    const labelSpec = baseMark.getLabelSpec() ?? {};
 	    const labelPosition = labelSpec.position ?? 'outside';
+	    const direction = series.direction ?? 'vertical';
+	    const isInverse = series.direction === 'horizontal'
+	        ? series.getXAxisHelper()?.isInverse()
+	        : series.getYAxisHelper()?.isInverse();
 	    let position = labelPosition;
 	    if (position !== 'inside') {
 	        position = (data) => {
 	            const { data: datum } = data;
 	            const dataField = series.getMeasureField()[0];
 	            if (labelPosition === 'outside') {
-	                if (series.direction === 'horizontal') {
-	                    return datum?.[dataField] >= 0 ? 'right' : 'left';
-	                }
-	                return datum?.[dataField] >= 0 ? 'top' : 'bottom';
+	                const positionMap = { vertical: ['top', 'bottom'], horizontal: ['right', 'left'] };
+	                const index = (datum?.[dataField] >= 0 && isInverse) || (datum?.[dataField] < 0 && !isInverse) ? 1 : 0;
+	                return positionMap[direction][index];
 	            }
 	            if (labelPosition === 'inside-bottom') {
 	                return series.direction === 'horizontal' ? 'inside-left' : 'inside-bottom';
@@ -88424,6 +88603,15 @@
 	            position: (data) => {
 	                const { data: datum } = data;
 	                const dataField = series.getMeasureField()[0];
+	                const isInverse = series.direction === 'horizontal'
+	                    ? series.getXAxisHelper()?.isInverse()
+	                    : series.getYAxisHelper()?.isInverse();
+	                if (isInverse) {
+	                    if (datum?.[dataField] >= 0) {
+	                        return series.direction === 'horizontal' ? ['left', 'inside-left'] : ['bottom', 'inside-bottom'];
+	                    }
+	                    return series.direction === 'horizontal' ? ['right', 'inside-right'] : ['top', 'inside-top'];
+	                }
 	                if (datum?.[dataField] >= 0) {
 	                    return series.direction === 'horizontal' ? ['right', 'inside-right'] : ['top', 'inside-top'];
 	                }