@visactor/vchart 1.12.13 → 1.12.14

package/build/index.js

@@ -693,7 +693,7 @@
       let max = arr[0];
       for (let i = 1; i < arr.length; i++) {
         const value = arr[i];
-        (null !== (_a = null == compareFn ? void 0 : compareFn(value, max)) && void 0 !== _a ? _a : value - max > 0) && (max = value);
+        (null !== (_a = null == compareFn ? void 0 : compareFn(value, max)) && void 0 !== _a ? _a : value - max) > 0 && (max = value);
       }
       return max;
     };
@@ -703,7 +703,7 @@
       let min = arr[0];
       for (let i = 1; i < arr.length; i++) {
         const value = arr[i];
-        (null !== (_a = null == compareFn ? void 0 : compareFn(value, min)) && void 0 !== _a ? _a : value - min < 0) && (min = value);
+        (null !== (_a = null == compareFn ? void 0 : compareFn(value, min)) && void 0 !== _a ? _a : value - min) < 0 && (min = value);
       }
       return min;
     };
@@ -1625,7 +1625,9 @@
           } = this.textSpec;
         return {
           width: metrics.width,
-          height: null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize
+          height: null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize,
+          fontBoundingBoxAscent: metrics.fontBoundingBoxAscent,
+          fontBoundingBoxDescent: metrics.fontBoundingBoxDescent
         };
       }
       quickMeasure(text) {
@@ -1639,7 +1641,7 @@
         for (let i = 0; i < text.length; i++) {
           const char = text[i];
           let size = this._measureSpecialChar(char);
-          isNil$1(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), isNil$1(size) && ["F", "W"].includes(eastAsianCharacterInfo(char)) && (size = this._measureFullSizeChar()), isNil$1(size) && (size = this._measureLetterChar()), totalSize.width += size.width, totalSize.height = Math.max(totalSize.height, size.height);
+          isNil$1(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), isNil$1(size) && ["F", "W"].includes(eastAsianCharacterInfo(char)) && (size = this._measureFullSizeChar()), isNil$1(size) && (size = this._measureLetterChar()), totalSize.width += size.width, totalSize.height = Math.max(totalSize.height, size.height), !isNil$1(size.fontBoundingBoxAscent) && (totalSize.fontBoundingBoxAscent = size.fontBoundingBoxAscent), !isNil$1(size.fontBoundingBoxDescent) && (totalSize.fontBoundingBoxDescent = size.fontBoundingBoxDescent);
         }
         return totalSize;
       }
@@ -1688,7 +1690,9 @@
           const numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);
           this._numberCharSize = {
             width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length,
-            height: numberBounds.height
+            height: numberBounds.height,
+            fontBoundingBoxAscent: numberBounds.fontBoundingBoxAscent,
+            fontBoundingBoxDescent: numberBounds.fontBoundingBoxDescent
           };
         }
         return this._numberCharSize;
@@ -1701,7 +1705,9 @@
           const alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);
           this._letterCharSize = {
             width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length,
-            height: alphabetBounds.height
+            height: alphabetBounds.height,
+            fontBoundingBoxAscent: alphabetBounds.fontBoundingBoxAscent,
+            fontBoundingBoxDescent: alphabetBounds.fontBoundingBoxDescent
           };
         }
         return this._letterCharSize;
@@ -17225,7 +17231,7 @@
           originP2: originP2
         } = curve;
         let validP;
-        if (originP1 && !1 !== originP1.defined ? validP = p0 : originP1 && !1 !== originP2.defined && (validP = null !== (_a = curve.p3) && void 0 !== _a ? _a : curve.p1), defined0) {
+        if (originP1 && !1 !== originP1.defined && !lastCurve ? validP = p0 : originP1 && !1 !== originP2.defined && (validP = null !== (_a = curve.p3) && void 0 !== _a ? _a : curve.p1), defined0) {
           newDefined0 = !defined0;
           const x = validP ? validP.x : curve.p0.x,
             y = validP ? validP.y : curve.p0.y;
@@ -21071,7 +21077,7 @@
       }
     }
 
-    const RICHTEXT_UPDATE_TAG_KEY = ["width", "height", "ellipsis", "wordBreak", "verticalDirection", "maxHeight", "maxWidth", "textAlign", "textBaseline", "textConfig", "layoutDirection", "fill", "stroke", "fontSize", ...GRAPHIC_UPDATE_TAG_KEY];
+    const RICHTEXT_UPDATE_TAG_KEY = ["width", "height", "ellipsis", "wordBreak", "verticalDirection", "maxHeight", "maxWidth", "textAlign", "textBaseline", "textConfig", "layoutDirection", "fill", "stroke", "fontSize", "fontFamily", "fontStyle", "fontWeight", "lineWidth", "opacity", "fillOpacity", "strokeOpacity", ...GRAPHIC_UPDATE_TAG_KEY];
     class RichText extends Graphic {
       constructor(params) {
         super(params), this.type = "richtext", this._currentHoverIcon = null, this.numberType = RICHTEXT_NUMBER_TYPE, this.onBeforeAttributeUpdate = (val, attributes, key) => {
@@ -38101,7 +38107,7 @@
     }(IMarkLineLabelPosition || (IMarkLineLabelPosition = {}));
     var IMarkAreaLabelPosition;
     !function (IMarkAreaLabelPosition) {
-      IMarkAreaLabelPosition.left = "left", IMarkAreaLabelPosition.right = "right", IMarkAreaLabelPosition.top = "top", IMarkAreaLabelPosition.bottom = "bottom", IMarkAreaLabelPosition.middle = "middle", IMarkAreaLabelPosition.insideLeft = "insideLeft", IMarkAreaLabelPosition.insideRight = "insideRight", IMarkAreaLabelPosition.insideTop = "insideTop", IMarkAreaLabelPosition.insideBottom = "insideBottom";
+      IMarkAreaLabelPosition.left = "left", IMarkAreaLabelPosition.right = "right", IMarkAreaLabelPosition.top = "top", IMarkAreaLabelPosition.bottom = "bottom", IMarkAreaLabelPosition.topLeft = "topLeft", IMarkAreaLabelPosition.topRight = "topRight", IMarkAreaLabelPosition.bottomLeft = "bottomLeft", IMarkAreaLabelPosition.bottomRight = "bottomRight", IMarkAreaLabelPosition.middle = "middle", IMarkAreaLabelPosition.insideLeft = "insideLeft", IMarkAreaLabelPosition.insideRight = "insideRight", IMarkAreaLabelPosition.insideTop = "insideTop", IMarkAreaLabelPosition.insideBottom = "insideBottom", IMarkAreaLabelPosition.insideTopLeft = "insideTopLeft", IMarkAreaLabelPosition.insideTopRight = "insideTopRight", IMarkAreaLabelPosition.insideBottomLeft = "insideBottomLeft", IMarkAreaLabelPosition.insideBottomRight = "insideBottomRight";
     }(IMarkAreaLabelPosition || (IMarkAreaLabelPosition = {}));
     var IMarkCommonArcLabelPosition;
     !function (IMarkCommonArcLabelPosition) {
@@ -38858,6 +38864,38 @@
       middle: {
         textAlign: "center",
         textBaseline: "middle"
+      },
+      topLeft: {
+        textAlign: "right",
+        textBaseline: "top"
+      },
+      insideTopLeft: {
+        textAlign: "left",
+        textBaseline: "top"
+      },
+      topRight: {
+        textAlign: "left",
+        textBaseline: "top"
+      },
+      insideTopRight: {
+        textAlign: "right",
+        textBaseline: "top"
+      },
+      bottomLeft: {
+        textAlign: "right",
+        textBaseline: "bottom"
+      },
+      insideBottomLeft: {
+        textAlign: "left",
+        textBaseline: "bottom"
+      },
+      bottomRight: {
+        textAlign: "left",
+        textBaseline: "bottom"
+      },
+      insideBottomRight: {
+        textAlign: "right",
+        textBaseline: "bottom"
       }
     };
     const DEFAULT_MARK_POINT_THEME = {
@@ -39600,7 +39638,7 @@
           const {
               x: x1,
               y: y1
-            } = newPosition,
+            } = this.attribute.position,
             {
               x: x2,
               y: y2
@@ -39613,7 +39651,10 @@
           startAngle = deltaXYToAngle(y1 - centerY, x1 - centerX), endAngle = deltaXYToAngle(y2 - centerY, x2 - centerX), center = {
             x: centerX,
             y: centerY
-          }, arcRatio > 0 ? endAngle < startAngle && (endAngle += 2 * Math.PI) : startAngle < endAngle && (startAngle += 2 * Math.PI), radius = Math.sqrt((centerX - x1) * (centerX - x1) + (centerY - y1) * (centerY - y1));
+          };
+          const R = Math.sqrt((centerX - x1) * (centerX - x1) + (centerY - y1) * (centerY - y1)),
+            r = this.attribute.targetSymbol.style.size / 2;
+          startAngle += 2 * Math.acos(Math.sqrt(1 - r * r / (4 * R * R))), arcRatio > 0 ? endAngle < startAngle && (endAngle += 2 * Math.PI) : startAngle < endAngle && (startAngle += 2 * Math.PI), radius = Math.sqrt((centerX - x1) * (centerX - x1) + (centerY - y1) * (centerY - y1));
         } else points = "type-do" !== type || this._isStraightLine ? "type-po" !== type || this._isStraightLine ? "type-op" !== type || this._isStraightLine ? [newPosition, newItemPosition] : [newPosition, {
           x: newPosition.x,
           y: newItemPosition.y
@@ -39764,7 +39805,8 @@
         var _a, _b;
         const {
             itemContent = {},
-            targetSymbol: targetSymbol
+            targetSymbol: targetSymbol,
+            itemLine: itemLine
           } = this.attribute,
           {
             offsetX: itemContentOffsetX = 0,
@@ -39776,8 +39818,9 @@
             visible: targetItemvisible = !1,
             size: targetSymbolSize
           } = targetSymbol,
-          targetSize = targetItemvisible ? null !== (_b = null !== (_a = targetSymbolStyle.size) && void 0 !== _a ? _a : targetSymbolSize) && void 0 !== _b ? _b : 20 : 0,
-          targetOffsetAngle = deltaXYToAngle(itemContentOffsetY, itemContentOffsetX);
+          targetSize = targetItemvisible ? null !== (_b = null !== (_a = targetSymbolStyle.size) && void 0 !== _a ? _a : targetSymbolSize) && void 0 !== _b ? _b : 20 : 0;
+        let targetOffsetAngle;
+        targetOffsetAngle = "type-do" === itemLine.type ? deltaXYToAngle(itemContentOffsetY, itemContentOffsetX / 2) : "type-po" === itemLine.type ? deltaXYToAngle(0, itemContentOffsetX) : "type-op" === itemLine.type ? deltaXYToAngle(itemContentOffsetY, 0) : deltaXYToAngle(itemContentOffsetY, itemContentOffsetX);
         return {
           newPosition: {
             x: position.x + (targetSize / 2 + targetSymbolOffset) * Math.cos(targetOffsetAngle),
@@ -44070,11 +44113,12 @@
             scale.specified(spec.specified);
         }
     }
-    function valueInScaleRange(v, s) {
+    function valueInScaleRange(v, s, useWholeRange) {
         if (!s) {
             return v;
         }
-        const range = s.range();
+        const scaleRange = s.range();
+        const range = useWholeRange && s._calculateWholeRange ? s._calculateWholeRange(scaleRange) : s.range();
         const min = Math.min(range[0], range[range.length - 1]);
         const max = Math.max(range[0], range[range.length - 1]);
         return Math.min(Math.max(min, v), max);
@@ -46469,6 +46513,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return initTextMeasure(textSpec, option, useNaiveCanvas).measure(text);
     };
 
+    const DEFAULT_MEASURE_CANVAS_ID = `${PREFIX}_MEASURE_CANVAS_ID`;
     const DEFAULT_DATA_INDEX = `${PREFIX}_DEFAULT_DATA_INDEX`;
     const DEFAULT_DATA_KEY = `${PREFIX}_DEFAULT_DATA_KEY`;
     const DEFAULT_DATA_SERIES_FIELD = `${PREFIX}_DEFAULT_DATA_SERIES_FIELD`;
@@ -47427,15 +47472,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         storedAttrs: "sizeAttrs"
       }],
       [GrammarMarkType.text]: [{
-        channels: ["text", "limit", "autoLimit", "maxLineWidth", "textType"],
+        channels: ["text", "limit", "autoLimit", "maxLineWidth", "textType", "_originText"],
         transform: (graphicAttributes, nextAttrs, storedAttrs) => {
-          var _a, _b;
+          var _a, _b, _c, _d;
           const limit = null !== (_a = storedAttrs.limit) && void 0 !== _a ? _a : 1 / 0,
             autoLimit = null !== (_b = storedAttrs.autoLimit) && void 0 !== _b ? _b : 1 / 0,
             maxWidth = Math.min(limit, autoLimit),
             isTextConfig = isPlainObject$1(storedAttrs.text) && !isNil$1(storedAttrs.text.text),
             text = isTextConfig ? storedAttrs.text.text : storedAttrs.text;
-          graphicAttributes.maxLineWidth = maxWidth === 1 / 0 ? storedAttrs.maxLineWidth : maxWidth, (isTextConfig || storedAttrs.textType) && ("rich" === storedAttrs.text.type || "rich" === storedAttrs.textType) ? graphicAttributes.textConfig = text : graphicAttributes.text = text;
+          graphicAttributes.maxLineWidth = maxWidth === 1 / 0 ? storedAttrs.maxLineWidth : maxWidth, isTextConfig || storedAttrs.textType ? "rich" === storedAttrs.text.type || "rich" === storedAttrs.textType ? graphicAttributes.textConfig = text : "html" === storedAttrs.text.type ? (graphicAttributes.html = text, graphicAttributes.text = null !== (_c = storedAttrs._originText) && void 0 !== _c ? _c : "", graphicAttributes.renderable = !1) : "react" === storedAttrs.text.type ? (graphicAttributes.react = text, graphicAttributes.text = null !== (_d = storedAttrs._originText) && void 0 !== _d ? _d : "", graphicAttributes.renderable = !1) : graphicAttributes.text = text : graphicAttributes.text = text;
         },
         storedAttrs: "limitAttrs"
       }],
@@ -49132,7 +49177,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             ticker: viewOptions.ticker,
             supportsTouchEvents: viewOptions.supportsTouchEvents,
             supportsPointerEvents: viewOptions.supportsPointerEvents,
-            ReactDOM: viewOptions.ReactDOM
+            ReactDOM: viewOptions.ReactDOM,
+            autoRefresh: viewOptions.autoRefresh
           });
         (null === (_b = viewOptions.options3d) || void 0 === _b ? void 0 : _b.enable) && stage.set3dOptions(viewOptions.options3d), stage.enableIncrementalAutoRender(), this._viewBox = viewOptions.viewBox, this._view.emit(HOOK_EVENT.AFTER_CREATE_VRENDER_STAGE), this._view.emit(HOOK_EVENT.BEFORE_CREATE_VRENDER_LAYER);
         const layer = null !== (_c = viewOptions.layer) && void 0 !== _c ? _c : stage.defaultLayer;
@@ -51836,7 +51882,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         this.coordinateTransformEncode(this.items);
         const graphicAttributes = this.transformElementItems(this.items, this.mark.markType),
           isGraphicInit = !this.graphicItem;
-        this.graphicItem || this.initGraphicItem(), this.diffState === DiffState.enter || isGraphicInit ? (this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(!0), this.applyGraphicAttributes(graphicAttributes), this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(!1)) : this.applyGraphicAttributes(graphicAttributes), this.diffState !== DiffState.enter && this.diffState !== DiffState.update || !this.states.length || (Object.values(this.glyphGraphicItems).forEach(graphicItem => {
+        this.graphicItem ? (this.graphicItem.clearStates(), this.graphicItem.states = {}, this.graphicItem.stateProxy = null) : this.initGraphicItem(), this.diffState === DiffState.enter || isGraphicInit ? (this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(!0), this.applyGraphicAttributes(graphicAttributes), this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(!1)) : this.applyGraphicAttributes(graphicAttributes), this.diffState !== DiffState.enter && this.diffState !== DiffState.update || !this.states.length || (Object.values(this.glyphGraphicItems).forEach(graphicItem => {
           graphicItem.states = {};
         }), this.useStates(this.states)), this.items.map(item => {
           item.nextAttrs = {};
@@ -55107,7 +55153,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         this.animate = mark.animate, this.animate.mark = this;
       }
       updateAnimate(spec) {
-        spec.animation && this.animate.updateConfig(spec.animation), this.animate.updateState(spec.animationState);
+        this.animate.updateConfig(spec.animation), this.animate.updateState(spec.animationState);
       }
     }
     const registerMarkAnimateAPI = () => {
@@ -56535,7 +56581,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     (_b = (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, ...args);
                 });
             }
-            this._view = new View(Object.assign(Object.assign({ width: this._width, height: this._height, container: (_c = this._container.dom) !== null && _c !== void 0 ? _c : null, renderCanvas: (_d = this._container.canvas) !== null && _d !== void 0 ? _d : null, hooks: this._option.performanceHook }, this._option), { mode: toRenderMode(this._option.mode), autoFit: false, eventConfig: {
+            this._view = new View(Object.assign(Object.assign({ width: this._width, height: this._height, container: (_c = this._container.dom) !== null && _c !== void 0 ? _c : null, renderCanvas: (_d = this._container.canvas) !== null && _d !== void 0 ? _d : null, hooks: this._option.performanceHook }, this._option), { autoRefresh: isValid$1(this._option.autoRefreshDpr) ? this._option.autoRefreshDpr : !isValid$1(this._option.dpr), mode: toRenderMode(this._option.mode), autoFit: false, eventConfig: {
                     gesture: isValid$1(this._option.gestureConfig)
                         ? this._option.gestureConfig
                         : isMobileLikeMode(this._option.mode),
@@ -61880,7 +61926,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.12.13";
+    const version = "1.12.14";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -70412,22 +70458,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._barMarkType = "rect";
             this.transformerConstructor = BarSeriesSpecTransformer;
             this._bandPosition = 0;
-            this._getBarXStart = (datum, scale) => {
+            this._getBarXStart = (datum, scale, useWholeRange) => {
                 if (this._shouldDoPreCalculate()) {
                     this._calculateStackRectPosition(false);
                     return datum[RECT_X];
                 }
                 if (this._spec.barMinHeight) {
-                    return this._calculateRectPosition(datum, false);
+                    return this._calculateRectPosition(datum, false, useWholeRange);
                 }
-                return valueInScaleRange(this._dataToPosX(datum), scale);
+                return valueInScaleRange(this._dataToPosX(datum), scale, useWholeRange);
             };
-            this._getBarXEnd = (datum, scale) => {
+            this._getBarXEnd = (datum, scale, useWholeRange) => {
                 if (this._shouldDoPreCalculate()) {
                     this._calculateStackRectPosition(false);
                     return datum[RECT_X1];
                 }
-                return valueInScaleRange(this._dataToPosX1(datum), scale);
+                return valueInScaleRange(this._dataToPosX1(datum), scale, useWholeRange);
             };
             this._getBarYStart = (datum, scale) => {
                 if (this._shouldDoPreCalculate()) {
@@ -70677,7 +70723,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             }
         }
-        _calculateRectPosition(datum, isVertical) {
+        _calculateRectPosition(datum, isVertical, useWholeRange) {
             var _a, _b;
             let startMethod;
             let endMethod;
@@ -70695,8 +70741,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const seriesScale = (_b = (_a = this[axisHelper]).getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
             const inverse = this[axisHelper].isInverse();
             const barMinHeight = this._spec.barMinHeight;
-            const y1 = valueInScaleRange(this[startMethod](datum), seriesScale);
-            const y = valueInScaleRange(this[endMethod](datum), seriesScale);
+            const y1 = valueInScaleRange(this[startMethod](datum), seriesScale, useWholeRange);
+            const y = valueInScaleRange(this[endMethod](datum), seriesScale, useWholeRange);
             let height = Math.abs(y1 - y);
             if (height < barMinHeight) {
                 height = barMinHeight;
@@ -70813,24 +70859,24 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (this.direction === "horizontal") {
                 const yChannels = isValid$1(this._fieldY2)
                     ? {
-                        y: (datum) => valueInScaleRange(this._dataToPosY(datum), yScale),
-                        y1: (datum) => valueInScaleRange(this._dataToPosY1(datum), yScale)
+                        y: (datum) => valueInScaleRange(this._dataToPosY(datum), yScale, true),
+                        y1: (datum) => valueInScaleRange(this._dataToPosY1(datum), yScale, true)
                     }
                     : {
-                        y: (datum) => valueInScaleRange(this._dataToPosY(datum) - this._getBarWidth(this._yAxisHelper) / 2, yScale),
+                        y: (datum) => valueInScaleRange(this._dataToPosY(datum) - this._getBarWidth(this._yAxisHelper) / 2, yScale, true),
                         height: (datum) => this._getBarWidth(this._yAxisHelper)
                     };
-                this.setMarkStyle(this._barMark, Object.assign({ x: (datum) => this._getBarXStart(datum, xScale), x1: (datum) => this._getBarXEnd(datum, xScale) }, yChannels), 'normal', AttributeLevel.Series);
+                this.setMarkStyle(this._barMark, Object.assign({ x: (datum) => this._getBarXStart(datum, xScale, true), x1: (datum) => this._getBarXEnd(datum, xScale, true) }, yChannels), 'normal', AttributeLevel.Series);
                 this.setMarkStyle(this._barBackgroundMark, Object.assign({ x: () => this._getBarBackgroundXStart(xScale), x1: () => this._getBarBackgroundXEnd(xScale) }, yChannels), 'normal', AttributeLevel.Series);
             }
             else {
                 const xChannels = isValid$1(this._fieldX2)
                     ? {
-                        x: (datum) => valueInScaleRange(this._dataToPosX(datum), xScale),
-                        x1: (datum) => valueInScaleRange(this._dataToPosX1(datum), xScale)
+                        x: (datum) => valueInScaleRange(this._dataToPosX(datum), xScale, true),
+                        x1: (datum) => valueInScaleRange(this._dataToPosX1(datum), xScale, true)
                     }
                     : {
-                        x: (datum) => valueInScaleRange(this._dataToPosX(datum) - this._getBarWidth(this._xAxisHelper) / 2, xScale),
+                        x: (datum) => valueInScaleRange(this._dataToPosX(datum) - this._getBarWidth(this._xAxisHelper) / 2, xScale, true),
                         width: (datum) => this._getBarWidth(this._xAxisHelper)
                     };
                 this.setMarkStyle(this._barMark, Object.assign(Object.assign({}, xChannels), { y: datum => this._getBarYStart(datum, yScale), y1: datum => this._getBarYEnd(datum, yScale) }), 'normal', AttributeLevel.Series);
@@ -78258,7 +78304,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     this.setMarkStyle(progressMark, {
                         x: (datum) => {
                             var _a, _b;
-                            return (valueInScaleRange(this.dataToPositionX(datum), (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) -
+                            return (valueInScaleRange(this.dataToPositionX(datum), (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0), true) -
                                 this._spec.bandWidth / 2 +
                                 leftPadding);
                         },
@@ -78277,7 +78323,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         x1: (datum) => { var _a, _b; return valueInScaleRange(this.dataToPositionX(datum), (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0)); },
                         y: (datum) => {
                             var _a, _b;
-                            return (valueInScaleRange(this.dataToPositionY(datum), (_b = (_a = this._yAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) -
+                            return (valueInScaleRange(this.dataToPositionY(datum), (_b = (_a = this._yAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0), true) -
                                 this._spec.bandWidth / 2 +
                                 topPadding);
                         },
@@ -78305,7 +78351,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     this.setMarkStyle(trackMark, {
                         x: (datum) => {
                             var _a, _b;
-                            return (valueInScaleRange(this.dataToPositionX(datum), (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) -
+                            return (valueInScaleRange(this.dataToPositionX(datum), (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0), true) -
                                 this._spec.bandWidth / 2);
                         },
                         y: 0,
@@ -78319,7 +78365,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         x: 0,
                         y: (datum) => {
                             var _a, _b;
-                            return (valueInScaleRange(this.dataToPositionY(datum), (_b = (_a = this._yAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) -
+                            return (valueInScaleRange(this.dataToPositionY(datum), (_b = (_a = this._yAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0), true) -
                                 this._spec.bandWidth / 2);
                         },
                         height: this._spec.bandWidth,
@@ -83531,10 +83577,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return columns;
       }
       initializeNodeBreadths(columns) {
-        var _a, _b;
+        var _a, _b, _c;
         const minLinkHeight = null !== (_a = this.options.minLinkHeight) && void 0 !== _a ? _a : 0;
         let minNodeHeight = null !== (_b = this.options.minNodeHeight) && void 0 !== _b ? _b : 0;
-        (isNil$1(minNodeHeight) || minNodeHeight < minLinkHeight) && (minNodeHeight = minLinkHeight);
+        const maxNodeHeight = null !== (_c = this.options.maxNodeHeight) && void 0 !== _c ? _c : 1 / 0;
+        let maxLinkHeight = this.options.maxLinkHeight;
+        (isNil$1(minNodeHeight) || minNodeHeight < minLinkHeight) && (minNodeHeight = minLinkHeight), (isNil$1(maxLinkHeight) || maxLinkHeight > maxNodeHeight) && (maxLinkHeight = maxNodeHeight);
         let ky = 0,
           getGapY = null,
           forceNodeHeight = null;
@@ -83557,7 +83605,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const isStartGap = "start" === this.options.gapPosition,
           isMiddleGap = !isStartGap && "end" !== this.options.gapPosition,
           getNodeHeight = isNumber$1(this.options.nodeHeight) ? node => this.options.nodeHeight : isFunction$1(this.options.nodeHeight) ? this.options.nodeHeight : forceNodeHeight > 0 ? node => forceNodeHeight : node => Math.max(node.value * ky, 0),
-          getLinkHeight = isNumber$1(this.options.linkHeight) ? () => this.options.linkHeight : isFunction$1(this.options.linkHeight) ? this.options.linkHeight : (link, sourceNode, sourceNodeHeight) => Math.max(sourceNode.value ? sourceNodeHeight * linkClampe(link.value / sourceNode.value) : 0, minLinkHeight, 0);
+          getLinkHeight = isNumber$1(this.options.linkHeight) ? () => this.options.linkHeight : isFunction$1(this.options.linkHeight) ? this.options.linkHeight : (link, sourceNode, sourceNodeHeight) => Math.min(Math.max(sourceNode.value ? sourceNodeHeight * linkClampe(link.value / sourceNode.value) : 0, minLinkHeight, 0), maxLinkHeight);
         for (let i = 0, columnCount = columns.length; i < columnCount; i++) {
           const nodes = columns[i];
           if (!nodes || !nodes.length) continue;
@@ -83567,7 +83615,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             calculatedNodeHeight = 0;
           for (let j = 0, len = nodes.length; j < len; j++) {
             const node = nodes[j];
-            gapY = getGapY(node), isStartGap && (y += gapY), calculatedNodeHeight = getNodeHeight(node), nodeHeight = Math.max(calculatedNodeHeight, minNodeHeight), node.y0 = y, node.y1 = y + nodeHeight, y = isStartGap ? node.y1 : node.y1 + gapY;
+            gapY = getGapY(node), isStartGap && (y += gapY), calculatedNodeHeight = getNodeHeight(node), nodeHeight = Math.min(Math.max(calculatedNodeHeight, minNodeHeight), maxNodeHeight), node.y0 = y, node.y1 = y + nodeHeight, y = isStartGap ? node.y1 : node.y1 + gapY;
             for (let k = 0, linkLen = node.sourceLinks.length; k < linkLen; k++) {
               const link = node.sourceLinks[k];
               link.thickness = getLinkHeight(link, node, calculatedNodeHeight);
@@ -83578,6 +83626,20 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if ("start" === this.options.crossNodeAlign) ;else if ("end" === this.options.crossNodeAlign) for (let j = 0, len = nodes.length; j < len; ++j) {
               const node = nodes[j];
               node.y0 += deltaY, node.y1 += deltaY;
+            } else if ("parent" === this.options.crossNodeAlign) {
+              const sourceNodes = nodes.reduce((res, node) => (node.targetLinks && node.targetLinks.length && node.targetLinks.forEach(link => {
+                res[link.source] = !0;
+              }), res), {});
+              if (Object.keys(sourceNodes).length && columns[i - 1] && columns[i - 1].length) {
+                const prevSourceNodes = columns[i - 1].filter(node => sourceNodes[node.key]);
+                if (prevSourceNodes && prevSourceNodes.length && prevSourceNodes[0].y0 !== nodes[0].y0) {
+                  const newDeltaY = prevSourceNodes[0].y0 - nodes[0].y0;
+                  for (let j = 0, len = nodes.length; j < len; ++j) {
+                    const node = nodes[j];
+                    node.y0 += newDeltaY, node.y1 += newDeltaY;
+                  }
+                }
+              }
             } else {
               deltaY /= nodes.length + 1;
               for (let j = 0, len = nodes.length; j < len; ++j) {
@@ -84067,34 +84129,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                     allLinkElements.forEach((linkEl, i) => {
                         const linkDatum = linkEl.getDatum();
-                        const father = (linkDatum === null || linkDatum === void 0 ? void 0 : linkDatum.parents) ? 'parents' : 'source';
-                        if (array(linkDatum[father]).includes(nodeDatum.key)) {
-                            if (!highlightNodes.includes(linkDatum.source)) {
-                                highlightNodes.push(linkDatum.source);
-                            }
+                        if (linkDatum.source === nodeDatum.key) {
                             if (!highlightNodes.includes(linkDatum.target)) {
                                 highlightNodes.push(linkDatum.target);
                             }
-                            let ratio;
-                            if (father === 'parents') {
-                                const originalDatum = linkDatum.datum;
-                                const val = originalDatum
-                                    ? originalDatum
-                                        .filter((entry) => entry.parents.some((par) => par.key === nodeDatum.key))
-                                        .reduce((sum, d) => {
-                                        return (sum += d.value);
-                                    }, 0)
-                                    : 0;
-                                ratio = val / linkDatum.value;
-                            }
                             linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                             linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
                         }
                         else if (linkDatum.target === nodeDatum.key) {
                             if (!highlightNodes.includes(linkDatum.source)) {
                                 highlightNodes.push(linkDatum.source);
                             }
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                         }
                         else {
                             linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
@@ -84271,7 +84318,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }, []);
                     allLinkElements.forEach((linkEl, i) => {
                         const linkDatum = linkEl.getDatum();
-                        const father = (linkDatum === null || linkDatum === void 0 ? void 0 : linkDatum.parents) ? 'parents' : 'source';
                         const originalDatum = linkDatum.datum;
                         const selectedDatum = originalDatum
                             ? originalDatum.filter((entry) => entry[father].some((par) => par.key === nodeDatum.key))
@@ -84289,7 +84335,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             }, 0);
                             const ratio = val / linkDatum.value;
                             linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                             linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
                             return;
                         }
@@ -84301,7 +84346,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 highlightNodes.push(linkDatum.target);
                             }
                             linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                             linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
                             return;
                         }
@@ -84398,7 +84442,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             }, 0);
                             const ratio = val / linkDatum.value;
                             linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                             linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
                             return;
                         }
@@ -84411,7 +84454,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 highlightNodes.push(linkDatum.target);
                             }
                             linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                             linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
                             return;
                         }
@@ -84482,7 +84524,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         linkWidth: this._spec.linkWidth,
                         minStepWidth: this._spec.minStepWidth,
                         minNodeHeight: (_d = this._spec.minNodeHeight) !== null && _d !== void 0 ? _d : 4,
+                        maxNodeHeight: this._spec.maxNodeHeight,
                         minLinkHeight: this._spec.minLinkHeight,
+                        maxLinkHeight: this._spec.maxLinkHeight,
                         iterations: this._spec.iterations,
                         nodeKey: this._spec.nodeKey,
                         linkSortBy: this._spec.linkSortBy,
@@ -84719,7 +84763,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             vGrammarElements.forEach(el => {
                 el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);
-                if (highlightNodes.includes(el.getDatum().key)) ;
+                if (highlightNodes.includes(el.getDatum().key)) {
+                    el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                }
                 else {
                     el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                 }
@@ -89309,7 +89355,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class SankeyChartSpecTransformer extends BaseChartSpecTransformer {
         _getDefaultSeriesSpec(spec) {
-            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, sourceField: spec.sourceField, targetField: spec.targetField, direction: spec.direction, nodeAlign: spec.nodeAlign, crossNodeAlign: spec.crossNodeAlign, nodeGap: spec.nodeGap, nodeWidth: spec.nodeWidth, linkWidth: spec.linkWidth, minStepWidth: spec.minStepWidth, minNodeHeight: spec.minNodeHeight, minLinkHeight: spec.minLinkHeight, dropIsolatedNode: spec.dropIsolatedNode, nodeHeight: spec.nodeHeight, linkHeight: spec.linkHeight, equalNodeHeight: spec.equalNodeHeight, linkOverlap: spec.linkOverlap, iterations: spec.iterations, nodeKey: spec.nodeKey, linkSortBy: spec.linkSortBy, nodeSortBy: spec.nodeSortBy, setNodeLayer: spec.setNodeLayer, node: spec.node, link: spec.link, label: spec.label, emphasis: spec.emphasis, inverse: spec.inverse });
+            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, sourceField: spec.sourceField, targetField: spec.targetField, direction: spec.direction, nodeAlign: spec.nodeAlign, crossNodeAlign: spec.crossNodeAlign, nodeGap: spec.nodeGap, nodeWidth: spec.nodeWidth, linkWidth: spec.linkWidth, minStepWidth: spec.minStepWidth, minNodeHeight: spec.minNodeHeight, maxNodeHeight: spec.maxNodeHeight, minLinkHeight: spec.minLinkHeight, maxLinkHeight: spec.maxLinkHeight, dropIsolatedNode: spec.dropIsolatedNode, nodeHeight: spec.nodeHeight, linkHeight: spec.linkHeight, equalNodeHeight: spec.equalNodeHeight, linkOverlap: spec.linkOverlap, iterations: spec.iterations, nodeKey: spec.nodeKey, linkSortBy: spec.linkSortBy, nodeSortBy: spec.nodeSortBy, setNodeLayer: spec.setNodeLayer, node: spec.node, link: spec.link, label: spec.label, emphasis: spec.emphasis, inverse: spec.inverse });
             const seriesType = this.seriesType;
             if (seriesType) {
                 series.type = seriesType;
@@ -92972,6 +93018,23 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         Factory$1.registerComponent(PolarCrossHair.type, PolarCrossHair);
     };
 
+    const lockStatisticsFilter = (statisticsData, op) => {
+        const { getNewDomain, isContinuous, field, originalFields } = op;
+        const datumField = field();
+        const newDomain = getNewDomain();
+        if (isNil$1(newDomain) || isNil$1(datumField)) {
+            return statisticsData;
+        }
+        const fields = originalFields();
+        if (statisticsData[datumField] &&
+            fields &&
+            fields[datumField] &&
+            fields[datumField].lockStatisticsByDomain &&
+            !isContinuous()) {
+            statisticsData[datumField].values = newDomain;
+        }
+        return statisticsData;
+    };
     const dataFilterWithNewDomain = (data, op) => {
         const { getNewDomain, isContinuous, field } = op;
         const datumField = field();
@@ -93373,7 +93436,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const domain = this._computeDomainOfStateScale(isContinuous(this._stateScale.type));
             this._stateScale.domain(domain, false);
             this._handleChange(this._start, this._end, true);
-            if (this._spec.auto) {
+            if (this._spec.auto && !isEqual(this._domainCache, domain)) {
+                this._domainCache = domain;
                 this._dataUpdating = true;
                 (_a = this.getChart()) === null || _a === void 0 ? void 0 : _a.setLayoutTag(true, null, false);
             }
@@ -93618,7 +93682,23 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _addTransformToSeries() {
             if (!this._relatedAxisComponent || this._filterMode !== 'axis') {
                 registerDataSetInstanceTransform(this._option.dataSet, 'dataFilterWithNewDomain', dataFilterWithNewDomain);
+                registerDataSetInstanceTransform(this._option.dataSet, 'lockStatisticsFilter', lockStatisticsFilter);
                 eachSeries(this._regions, s => {
+                    s.getViewDataStatistics().transform({
+                        type: 'lockStatisticsFilter',
+                        options: {
+                            originalFields: () => {
+                                return s.getViewDataStatistics().getFields();
+                            },
+                            getNewDomain: () => this._newDomain,
+                            field: () => {
+                                var _a;
+                                return (_a = this._field) !== null && _a !== void 0 ? _a : this._parseFieldOfSeries(s);
+                            },
+                            isContinuous: () => isContinuous(this._stateScale.type)
+                        },
+                        level: 1
+                    }, false);
                     s.addViewDataFilter({
                         type: 'dataFilterWithNewDomain',
                         options: {
@@ -93692,17 +93772,34 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             super.updateLayoutAttribute();
         }
-        onLayoutStart(layoutRect, viewRect, ctx) {
-            super.onLayoutStart(layoutRect, viewRect, ctx);
-            const isShown = this._autoUpdate(layoutRect);
+        _autoVisible(isShown) {
+            if (!this._auto) {
+                return;
+            }
+            if (isShown) {
+                this.show();
+            }
+            else {
+                this.hide();
+            }
             const sizeKey = this._isHorizontal ? 'height' : 'width';
             this.layout.setLayoutRect({
                 [sizeKey]: isShown ? this[`_${sizeKey}`] : 0
             }, {
                 [sizeKey]: AttributeLevel.Built_In
             });
+        }
+        onLayoutStart(layoutRect, viewRect, ctx) {
+            super.onLayoutStart(layoutRect, viewRect, ctx);
+            const isShown = this._autoUpdate(layoutRect);
+            this._autoVisible(isShown);
             this._dataUpdating = false;
         }
+        onLayoutEnd(ctx) {
+            const isShown = !(this._start === 0 && this._end === 1);
+            this._autoVisible(isShown);
+            super.onLayoutEnd(ctx);
+        }
         getBoundsInRect(rect) {
             const result = { x1: this.getLayoutStartPoint().x, y1: this.getLayoutStartPoint().y, x2: 0, y2: 0 };
             if (this._isHorizontal) {
@@ -93782,12 +93879,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 isShown = !(start === 0 && end === 1);
             }
             this.setStartAndEnd(this._start, this._end);
-            if (isShown) {
-                this.show();
-            }
-            else {
-                this.hide();
-            }
             this._cacheVisibility = isShown;
             return isShown;
         }
@@ -94289,6 +94380,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         _handleDataCollectionChange() {
+            if (this._spec.auto) {
+                const data = this._data.getDataView();
+                data.reRunAllTransform();
+            }
         }
         _initCommonEvent() {
             super._initCommonEvent();
@@ -94854,7 +94949,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         });
         return { minX, maxX, minY, maxY };
     }
-    function transformLabelAttributes(label, markerData) {
+    function transformLabelAttributes(label, markerData, markAttributeContext) {
         const { labelBackground = {}, style, shape } = label, restLabel = __rest$e(label, ["labelBackground", "style", "shape"]);
         if (label.visible !== false) {
             const labelAttrs = restLabel;
@@ -94867,7 +94962,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 };
             }
             if (labelBackground.visible !== false) {
-                labelAttrs.panel = Object.assign({ visible: true, customShape: labelBackground.customShape }, transformStyle(transformToGraphic(labelBackground.style), markerData));
+                labelAttrs.panel = Object.assign({ visible: true, customShape: labelBackground.customShape }, transformStyle(transformToGraphic(labelBackground.style), markerData, markAttributeContext));
                 if (isValid$1(labelBackground.padding)) {
                     labelAttrs.padding = normalizePadding$1(labelBackground.padding);
                 }
@@ -94879,7 +94974,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 labelAttrs.padding = 0;
             }
             if (style) {
-                labelAttrs.textStyle = transformStyle(transformToGraphic(style), markerData);
+                labelAttrs.textStyle = transformStyle(transformToGraphic(style), markerData, markAttributeContext);
             }
             return labelAttrs;
         }
@@ -94887,17 +94982,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             visible: false
         };
     }
-    function transformState(state, markerData) {
+    function transformState(state, markerData, markerAttributeContext) {
         for (const stateKey in state) {
             if (isFunction$1(state[stateKey])) {
-                state[stateKey] = state[stateKey](markerData);
+                state[stateKey] = state[stateKey](markerData, markerAttributeContext);
             }
         }
         return state;
     }
-    function transformStyle(style, markerData) {
+    function transformStyle(style, markerData, markerAttributeContext) {
         if (isFunction$1(style)) {
-            return style(markerData);
+            return style(markerData, markerAttributeContext);
         }
         return style;
     }
@@ -95265,11 +95360,23 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return s.visible !== false && this._getMarkerCoordinateType(s) === this.coordinateType;
             });
         }
+        getMarkAttributeContext() {
+            return this._markAttributeContext;
+        }
+        _buildMarkerAttributeContext() {
+            this._markAttributeContext = {
+                relativeSeries: this._relativeSeries,
+                startRelativeSeries: this._startRelativeSeries,
+                endRelativeSeries: this._endRelativeSeries,
+                vchart: this._option.globalInstance
+            };
+        }
         created() {
             super.created();
             this._bindSeries();
             this._initDataView();
             this.initEvent();
+            this._buildMarkerAttributeContext();
         }
         _getAllRelativeSeries() {
             return {
@@ -95461,15 +95568,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 radius: 0,
                 startAngle: 0,
                 endAngle: 0,
-                lineStyle: transformStyle(transformToGraphic((_d = this._spec.line) === null || _d === void 0 ? void 0 : _d.style), this._markerData),
+                lineStyle: transformStyle(transformToGraphic((_d = this._spec.line) === null || _d === void 0 ? void 0 : _d.style), this._markerData, this._markAttributeContext),
                 clipInRange: (_e = this._spec.clip) !== null && _e !== void 0 ? _e : false,
-                label: transformLabelAttributes(label, this._markerData),
+                label: transformLabelAttributes(label, this._markerData, this._markAttributeContext),
                 state: {
-                    line: transformState((_g = (_f = this._spec.line) === null || _f === void 0 ? void 0 : _f.state) !== null && _g !== void 0 ? _g : {}, this._markerData),
-                    lineStartSymbol: transformState((_j = (_h = this._spec.startSymbol) === null || _h === void 0 ? void 0 : _h.state) !== null && _j !== void 0 ? _j : {}, this._markerData),
-                    lineEndSymbol: transformState((_l = (_k = this._spec.endSymbol) === null || _k === void 0 ? void 0 : _k.state) !== null && _l !== void 0 ? _l : {}, this._markerData),
-                    label: transformState((_p = (_o = (_m = this._spec) === null || _m === void 0 ? void 0 : _m.label) === null || _o === void 0 ? void 0 : _o.state) !== null && _p !== void 0 ? _p : {}, this._markerData),
-                    labelBackground: transformState((_t = (_s = (_r = (_q = this._spec) === null || _q === void 0 ? void 0 : _q.label) === null || _r === void 0 ? void 0 : _r.labelBackground) === null || _s === void 0 ? void 0 : _s.state) !== null && _t !== void 0 ? _t : {}, this._markerData)
+                    line: transformState((_g = (_f = this._spec.line) === null || _f === void 0 ? void 0 : _f.state) !== null && _g !== void 0 ? _g : {}, this._markerData, this._markAttributeContext),
+                    lineStartSymbol: transformState((_j = (_h = this._spec.startSymbol) === null || _h === void 0 ? void 0 : _h.state) !== null && _j !== void 0 ? _j : {}, this._markerData, this._markAttributeContext),
+                    lineEndSymbol: transformState((_l = (_k = this._spec.endSymbol) === null || _k === void 0 ? void 0 : _k.state) !== null && _l !== void 0 ? _l : {}, this._markerData, this._markAttributeContext),
+                    label: transformState((_p = (_o = (_m = this._spec) === null || _m === void 0 ? void 0 : _m.label) === null || _o === void 0 ? void 0 : _o.state) !== null && _p !== void 0 ? _p : {}, this._markerData, this._markAttributeContext),
+                    labelBackground: transformState((_t = (_s = (_r = (_q = this._spec) === null || _q === void 0 ? void 0 : _q.label) === null || _r === void 0 ? void 0 : _r.labelBackground) === null || _s === void 0 ? void 0 : _s.state) !== null && _t !== void 0 ? _t : {}, this._markerData, this._markAttributeContext)
                 },
                 animation: (_u = this._spec.animation) !== null && _u !== void 0 ? _u : false,
                 animationEnter: this._spec.animationEnter,
@@ -95477,7 +95584,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 animationUpdate: this._spec.animationUpdate
             };
             if (startSymbol.visible) {
-                markLineAttrs.startSymbol = Object.assign(Object.assign({}, startSymbol), { visible: true, style: transformToGraphic(startSymbol.style) });
+                markLineAttrs.startSymbol = Object.assign(Object.assign({}, startSymbol), { visible: true, style: transformStyle(transformToGraphic(startSymbol.style), this._markerData, this._markAttributeContext) });
             }
             else {
                 markLineAttrs.startSymbol = {
@@ -95485,7 +95592,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 };
             }
             if (endSymbol.visible) {
-                markLineAttrs.endSymbol = Object.assign(Object.assign({}, endSymbol), { visible: true, style: transformToGraphic(endSymbol.style) });
+                markLineAttrs.endSymbol = Object.assign(Object.assign({}, endSymbol), { visible: true, style: transformStyle(transformToGraphic(endSymbol.style), this._markerData, this._markAttributeContext) });
             }
             else {
                 markLineAttrs.endSymbol = {
@@ -96070,13 +96177,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 outerRadius: 0,
                 startAngle: 0,
                 endAngle: 0,
-                areaStyle: transformStyle(transformToGraphic((_e = this._spec.area) === null || _e === void 0 ? void 0 : _e.style), this._markerData),
+                areaStyle: transformStyle(transformToGraphic((_e = this._spec.area) === null || _e === void 0 ? void 0 : _e.style), this._markerData, this._markAttributeContext),
                 clipInRange: (_f = this._spec.clip) !== null && _f !== void 0 ? _f : false,
-                label: transformLabelAttributes(label, this._markerData),
+                label: transformLabelAttributes(label, this._markerData, this._markAttributeContext),
                 state: {
-                    area: transformState((_g = this._spec.area) === null || _g === void 0 ? void 0 : _g.state, this._markerData),
-                    label: transformState((_h = this._spec.label) === null || _h === void 0 ? void 0 : _h.state, this._markerData),
-                    labelBackground: transformState((_l = (_k = (_j = this._spec) === null || _j === void 0 ? void 0 : _j.label) === null || _k === void 0 ? void 0 : _k.labelBackground) === null || _l === void 0 ? void 0 : _l.state, this._markerData)
+                    area: transformState((_g = this._spec.area) === null || _g === void 0 ? void 0 : _g.state, this._markerData, this._markAttributeContext),
+                    label: transformState((_h = this._spec.label) === null || _h === void 0 ? void 0 : _h.state, this._markerData, this._markAttributeContext),
+                    labelBackground: transformState((_l = (_k = (_j = this._spec) === null || _j === void 0 ? void 0 : _j.label) === null || _k === void 0 ? void 0 : _k.labelBackground) === null || _l === void 0 ? void 0 : _l.state, this._markerData, this._markAttributeContext)
                 },
                 animation: (_m = this._spec.animation) !== null && _m !== void 0 ? _m : false,
                 animationEnter: this._spec.animationEnter,
@@ -97231,19 +97338,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     offset: (_e = targetSymbol.offset) !== null && _e !== void 0 ? _e : 0,
                     visible: (_f = targetSymbol.visible) !== null && _f !== void 0 ? _f : false,
                     size: (_g = targetSymbol.size) !== null && _g !== void 0 ? _g : 20,
-                    style: transformStyle(targetSymbol.style, this._markerData)
+                    style: transformStyle(targetSymbol.style, this._markerData, this._markAttributeContext)
                 },
                 state: {
-                    line: transformState((_j = (_h = this._spec.itemLine.line) === null || _h === void 0 ? void 0 : _h.state) !== null && _j !== void 0 ? _j : {}, this._markerData),
-                    lineStartSymbol: transformState((_l = (_k = this._spec.itemLine.startSymbol) === null || _k === void 0 ? void 0 : _k.state) !== null && _l !== void 0 ? _l : {}, this._markerData),
-                    lineEndSymbol: transformState((_o = (_m = this._spec.itemLine.endSymbol) === null || _m === void 0 ? void 0 : _m.state) !== null && _o !== void 0 ? _o : {}, this._markerData),
-                    symbol: transformState((_q = (_p = this._spec.itemContent.symbol) === null || _p === void 0 ? void 0 : _p.state) !== null && _q !== void 0 ? _q : {}, this._markerData),
-                    image: transformState((_s = (_r = this._spec.itemContent.image) === null || _r === void 0 ? void 0 : _r.state) !== null && _s !== void 0 ? _s : {}, this._markerData),
-                    text: transformState((_u = (_t = this._spec.itemContent.text) === null || _t === void 0 ? void 0 : _t.state) !== null && _u !== void 0 ? _u : {}, this._markerData),
-                    textBackground: transformState((_w = (_v = this._spec.itemContent.text) === null || _v === void 0 ? void 0 : _v.labelBackground) === null || _w === void 0 ? void 0 : _w.state, this._markerData),
-                    richText: transformState((_y = (_x = this._spec.itemContent.richText) === null || _x === void 0 ? void 0 : _x.state) !== null && _y !== void 0 ? _y : {}, this._markerData),
-                    customMark: transformState((_0 = (_z = this._spec.itemContent.customMark) === null || _z === void 0 ? void 0 : _z.state) !== null && _0 !== void 0 ? _0 : {}, this._markerData),
-                    targetItem: transformState((_2 = (_1 = this._spec.targetSymbol) === null || _1 === void 0 ? void 0 : _1.state) !== null && _2 !== void 0 ? _2 : {}, this._markerData)
+                    line: transformState((_j = (_h = this._spec.itemLine.line) === null || _h === void 0 ? void 0 : _h.state) !== null && _j !== void 0 ? _j : {}, this._markerData, this._markAttributeContext),
+                    lineStartSymbol: transformState((_l = (_k = this._spec.itemLine.startSymbol) === null || _k === void 0 ? void 0 : _k.state) !== null && _l !== void 0 ? _l : {}, this._markerData, this._markAttributeContext),
+                    lineEndSymbol: transformState((_o = (_m = this._spec.itemLine.endSymbol) === null || _m === void 0 ? void 0 : _m.state) !== null && _o !== void 0 ? _o : {}, this._markerData, this._markAttributeContext),
+                    symbol: transformState((_q = (_p = this._spec.itemContent.symbol) === null || _p === void 0 ? void 0 : _p.state) !== null && _q !== void 0 ? _q : {}, this._markerData, this._markAttributeContext),
+                    image: transformState((_s = (_r = this._spec.itemContent.image) === null || _r === void 0 ? void 0 : _r.state) !== null && _s !== void 0 ? _s : {}, this._markerData, this._markAttributeContext),
+                    text: transformState((_u = (_t = this._spec.itemContent.text) === null || _t === void 0 ? void 0 : _t.state) !== null && _u !== void 0 ? _u : {}, this._markerData, this._markAttributeContext),
+                    textBackground: transformState((_w = (_v = this._spec.itemContent.text) === null || _v === void 0 ? void 0 : _v.labelBackground) === null || _w === void 0 ? void 0 : _w.state, this._markerData, this._markAttributeContext),
+                    richText: transformState((_y = (_x = this._spec.itemContent.richText) === null || _x === void 0 ? void 0 : _x.state) !== null && _y !== void 0 ? _y : {}, this._markerData, this._markAttributeContext),
+                    customMark: transformState((_0 = (_z = this._spec.itemContent.customMark) === null || _z === void 0 ? void 0 : _z.state) !== null && _0 !== void 0 ? _0 : {}, this._markerData, this._markAttributeContext),
+                    targetItem: transformState((_2 = (_1 = this._spec.targetSymbol) === null || _1 === void 0 ? void 0 : _1.state) !== null && _2 !== void 0 ? _2 : {}, this._markerData, this._markAttributeContext)
                 },
                 animation: (_3 = this._spec.animation) !== null && _3 !== void 0 ? _3 : false,
                 animationEnter: this._spec.animationEnter,
@@ -97251,16 +97358,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 animationUpdate: this._spec.animationUpdate
             };
             if (symbol === null || symbol === void 0 ? void 0 : symbol.style) {
-                markPointAttrs.itemContent.symbolStyle = transformToGraphic(transformStyle(symbol.style, this._markerData));
+                markPointAttrs.itemContent.symbolStyle = transformToGraphic(transformStyle(symbol.style, this._markerData, this._markAttributeContext));
             }
             if (image === null || image === void 0 ? void 0 : image.style) {
-                markPointAttrs.itemContent.imageStyle = transformStyle(image.style, this._markerData);
+                markPointAttrs.itemContent.imageStyle = transformStyle(image.style, this._markerData, this._markAttributeContext);
             }
             if (label) {
-                markPointAttrs.itemContent.textStyle = transformLabelAttributes(label, this._markerData);
+                markPointAttrs.itemContent.textStyle = transformLabelAttributes(label, this._markerData, this._markAttributeContext);
             }
             if (richText === null || richText === void 0 ? void 0 : richText.style) {
-                markPointAttrs.itemContent.richTextStyle = transformStyle(richText.style, this._markerData);
+                markPointAttrs.itemContent.richTextStyle = transformStyle(richText.style, this._markerData, this._markAttributeContext);
             }
             const { visible, line = {} } = itemLine, restItemLine = __rest$e(itemLine, ["visible", "line"]);
             if (visible !== false) {
@@ -101693,6 +101800,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.CustomMark = CustomMark;
     exports.DEFAULT_CHART_HEIGHT = DEFAULT_CHART_HEIGHT;
     exports.DEFAULT_CHART_WIDTH = DEFAULT_CHART_WIDTH;
+    exports.DEFAULT_DATA_INDEX = DEFAULT_DATA_INDEX;
+    exports.DEFAULT_DATA_KEY = DEFAULT_DATA_KEY;
+    exports.DEFAULT_DATA_SERIES_FIELD = DEFAULT_DATA_SERIES_FIELD;
+    exports.DEFAULT_MEASURE_CANVAS_ID = DEFAULT_MEASURE_CANVAS_ID;
+    exports.DEFAULT_SERIES_STYLE_NAME = DEFAULT_SERIES_STYLE_NAME;
     exports.DataZoom = DataZoom;
     exports.DimensionClickEvent = DimensionClickEvent;
     exports.DimensionHoverEvent = DimensionHoverEvent;
@@ -101730,6 +101842,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.LinkSeries = LinkSeries;
     exports.LiquidChart = LiquidChart;
     exports.LiquidSeries = LiquidSeries;
+    exports.MOSAIC_CAT_END_PERCENT = MOSAIC_CAT_END_PERCENT;
+    exports.MOSAIC_CAT_START_PERCENT = MOSAIC_CAT_START_PERCENT;
+    exports.MOSAIC_VALUE_END_PERCENT = MOSAIC_VALUE_END_PERCENT;
+    exports.MOSAIC_VALUE_START_PERCENT = MOSAIC_VALUE_START_PERCENT;
     exports.MapChart = MapChart;
     exports.MapLabelComponent = MapLabelComponent;
     exports.MapSeries = MapSeries;
@@ -101768,6 +101884,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.RoseLikeSeries = RoseLikeSeries;
     exports.RoseSeries = RoseSeries;
     exports.RuleMark = RuleMark;
+    exports.SEGMENT_FIELD_END = SEGMENT_FIELD_END;
+    exports.SEGMENT_FIELD_START = SEGMENT_FIELD_START;
+    exports.STACK_FIELD_END = STACK_FIELD_END;
+    exports.STACK_FIELD_END_OffsetSilhouette = STACK_FIELD_END_OffsetSilhouette;
+    exports.STACK_FIELD_END_PERCENT = STACK_FIELD_END_PERCENT;
+    exports.STACK_FIELD_KEY = STACK_FIELD_KEY;
+    exports.STACK_FIELD_START = STACK_FIELD_START;
+    exports.STACK_FIELD_START_OffsetSilhouette = STACK_FIELD_START_OffsetSilhouette;
+    exports.STACK_FIELD_START_PERCENT = STACK_FIELD_START_PERCENT;
+    exports.STACK_FIELD_TOTAL = STACK_FIELD_TOTAL;
+    exports.STACK_FIELD_TOTAL_BOTTOM = STACK_FIELD_TOTAL_BOTTOM;
+    exports.STACK_FIELD_TOTAL_PERCENT = STACK_FIELD_TOTAL_PERCENT;
+    exports.STACK_FIELD_TOTAL_TOP = STACK_FIELD_TOTAL_TOP;
     exports.SankeyChart = SankeyChart;
     exports.SankeySeries = SankeySeries;
     exports.ScatterChart = ScatterChart;