@visactor/vchart 1.5.3 → 1.5.4

package/build/index.js

@@ -49342,6 +49342,12 @@
             style: {
                 stroke: false
             }
+        },
+        barBackground: {
+            visible: false,
+            style: {
+                fill: { type: 'palette', key: 'primaryFontColor', a: 0.06 }
+            }
         }
     };
 
@@ -50475,6 +50481,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         SeriesMarkNameEnum["ripplePoint"] = "ripplePoint";
         SeriesMarkNameEnum["centerPoint"] = "centerPoint";
         SeriesMarkNameEnum["centerLabel"] = "centerLabel";
+        SeriesMarkNameEnum["barBackground"] = "barBackground";
     })(SeriesMarkNameEnum || (SeriesMarkNameEnum = {}));
     const seriesMarkNameSet = new Set(Object.values(SeriesMarkNameEnum));
 
@@ -50507,7 +50514,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         [SeriesMarkNameEnum.label]: { name: SeriesMarkNameEnum.label, type: MarkTypeEnum.text }
     };
 
-    const barSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [SeriesMarkNameEnum.bar]: { name: SeriesMarkNameEnum.bar, type: MarkTypeEnum.rect } });
+    const barSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [SeriesMarkNameEnum.bar]: { name: SeriesMarkNameEnum.bar, type: MarkTypeEnum.rect }, [SeriesMarkNameEnum.barBackground]: { name: SeriesMarkNameEnum.barBackground, type: MarkTypeEnum.rect } });
     const bar3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [SeriesMarkNameEnum.bar3d]: { name: SeriesMarkNameEnum.bar3d, type: MarkTypeEnum.rect3d } });
 
     const lineLikeSeriesMark = {
@@ -58371,7 +58378,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.5.3";
+    const version = "1.5.4";
 
     class ChartData {
         get dataList() {
@@ -62861,7 +62868,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 large: this._spec.large,
                 largeThreshold: this._spec.largeThreshold
             };
-            this._rectMark = this._createMark(Object.assign(Object.assign({}, BarSeries.mark.bar), { name: this._barMarkName, type: this._barMarkType }), {
+            this._initBarBackgroundMark(progressive);
+            this._barMark = this._createMark(Object.assign(Object.assign({}, BarSeries.mark.bar), { name: this._barMarkName, type: this._barMarkType }), {
                 morph: shouldDoMorph(this._spec.animation, this._spec.morph, userAnimationConfig(this.type, this._spec)),
                 defaultMorphElementKey: this.getDimensionField()[0],
                 groupKey: this._seriesField,
@@ -62870,13 +62878,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 progressive
             });
         }
+        _initBarBackgroundMark(progressive) {
+            var _a;
+            if ((_a = this._spec.barBackground) === null || _a === void 0 ? void 0 : _a.visible) {
+                this._barBackgroundMark = this._createMark(BarSeries.mark.barBackground, {
+                    dataView: this._barBackgroundViewData.getDataView(),
+                    dataProductId: this._barBackgroundViewData.getProductId(),
+                    progressive
+                });
+            }
+        }
         initMarkStyle() {
-            const rectMark = this._rectMark;
-            if (rectMark) {
-                this.setMarkStyle(rectMark, {
+            if (this._barMark) {
+                this.setMarkStyle(this._barMark, {
                     fill: this.getColorAttribute()
                 }, 'normal', AttributeLevel.Series);
-                this._trigger.registerMark(rectMark);
+                this._trigger.registerMark(this._barMark);
             }
         }
         initLabelMarkStyle(textMark) {
@@ -62893,7 +62910,52 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initTooltip() {
             super.initTooltip();
-            this._rectMark && this._tooltipHelper.activeTriggerSet.mark.add(this._rectMark);
+            this._barMark && this._tooltipHelper.activeTriggerSet.mark.add(this._barMark);
+        }
+        _statisticViewData() {
+            var _a, _b;
+            super._statisticViewData();
+            if (!((_a = this._spec.barBackground) === null || _a === void 0 ? void 0 : _a.visible)) {
+                return;
+            }
+            const dimensionItems = ([data], op) => {
+                var _a;
+                let dataCollect = [{}];
+                const fields = this.getDimensionField();
+                for (let i = 0; i < fields.length; i++) {
+                    const field = fields[i];
+                    const values = (_a = data.latestData[field]) === null || _a === void 0 ? void 0 : _a.values;
+                    if (!(values === null || values === void 0 ? void 0 : values.length)) {
+                        continue;
+                    }
+                    const newDataCollect = [];
+                    for (let j = 0; j < values.length; j++) {
+                        for (let k = 0; k < dataCollect.length; k++) {
+                            newDataCollect.push(Object.assign(Object.assign({}, dataCollect[k]), { [field]: values[j] }));
+                        }
+                    }
+                    dataCollect = newDataCollect;
+                }
+                return dataCollect;
+            };
+            registerDataSetInstanceTransform(this._option.dataSet, 'addVChartProperty', addVChartProperty);
+            registerDataSetInstanceTransform(this._option.dataSet, 'dimensionItems', dimensionItems);
+            const barBackgroundData = new DataView(this._option.dataSet)
+                .parse([this._viewDataStatistics], {
+                type: 'dataview'
+            })
+                .transform({
+                type: 'dimensionItems'
+            }, false)
+                .transform({
+                type: 'addVChartProperty',
+                options: {
+                    beforeCall: initKeyMap,
+                    call: addDataKey.bind(this)
+                }
+            }, false);
+            (_b = this._viewDataStatistics) === null || _b === void 0 ? void 0 : _b.target.addListener('change', barBackgroundData.reRunAllTransform);
+            this._barBackgroundViewData = new SeriesData(this._option, barBackgroundData);
         }
         init(option) {
             var _a, _b;
@@ -62986,7 +63048,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const xScale = (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
             const yScale = (_d = (_c = this._yAxisHelper) === null || _c === void 0 ? void 0 : _c.getScale) === null || _d === void 0 ? void 0 : _d.call(_c, 0);
             if (this.direction === Direction.horizontal) {
-                this.setMarkStyle(this._rectMark, {
+                this.setMarkStyle(this._barMark, {
                     x: (datum) => {
                         if (this._shouldDoPreCalculate()) {
                             this._calculateStackRectPosition(false);
@@ -63009,7 +63071,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }, 'normal', AttributeLevel.Series);
             }
             else {
-                this.setMarkStyle(this._rectMark, {
+                this.setMarkStyle(this._barMark, {
                     x: (datum) => this._getPosition(this.direction, datum),
                     y: (datum, ctx, opt, dataView) => {
                         if (this._shouldDoPreCalculate()) {
@@ -63033,13 +63095,56 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                 }, 'normal', AttributeLevel.Series);
             }
+            this._initBarBackgroundMarkStyle();
+        }
+        _initBarBackgroundMarkStyle() {
+            var _a, _b, _c, _d;
+            if (!this._barBackgroundMark) {
+                return;
+            }
+            const xScale = (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
+            const yScale = (_d = (_c = this._yAxisHelper) === null || _c === void 0 ? void 0 : _c.getScale) === null || _d === void 0 ? void 0 : _d.call(_c, 0);
+            if (this.direction === Direction.horizontal) {
+                this.setMarkStyle(this._barBackgroundMark, {
+                    x: () => {
+                        const range = xScale.range();
+                        const min = Math.min(range[0], range[range.length - 1]);
+                        return min;
+                    },
+                    x1: () => {
+                        const range = xScale.range();
+                        const max = Math.max(range[0], range[range.length - 1]);
+                        return max;
+                    },
+                    y: (datum) => this._getPosition(this.direction, datum),
+                    height: () => this._getBarWidth(this._yAxisHelper)
+                }, 'normal', AttributeLevel.Series);
+            }
+            else {
+                this.setMarkStyle(this._barBackgroundMark, {
+                    x: (datum) => this._getPosition(this.direction, datum),
+                    y: () => {
+                        const range = yScale.range();
+                        const min = Math.min(range[0], range[range.length - 1]);
+                        return min;
+                    },
+                    y1: () => {
+                        const range = yScale.range();
+                        const max = Math.max(range[0], range[range.length - 1]);
+                        return max;
+                    },
+                    width: () => {
+                        return this._getBarWidth(this._xAxisHelper);
+                    }
+                }, 'normal', AttributeLevel.Series);
+            }
         }
         initLinearRectMarkStyle() {
             var _a, _b, _c, _d;
             const xScale = (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
             const yScale = (_d = (_c = this._yAxisHelper) === null || _c === void 0 ? void 0 : _c.getScale) === null || _d === void 0 ? void 0 : _d.call(_c, 0);
             if (this.direction === Direction.vertical) {
-                this.setMarkStyle(this._rectMark, {
+                this.setMarkStyle(this._barMark, {
                     x: (datum) => valueInScaleRange(this.dataToPositionX(datum), xScale),
                     x1: (datum) => valueInScaleRange(this.dataToPositionX1(datum), xScale),
                     y: (datum, ctx, opt, dataView) => {
@@ -63062,7 +63167,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }, 'normal', AttributeLevel.Series);
             }
             else {
-                this.setMarkStyle(this._rectMark, {
+                this.setMarkStyle(this._barMark, {
                     x: (datum) => {
                         if (this._shouldDoPreCalculate()) {
                             this._calculateStackRectPosition(false);
@@ -63105,7 +63210,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const xIndex = (_c = (_b = (_a = this.getViewDataStatistics()) === null || _a === void 0 ? void 0 : _a.latestData) === null || _b === void 0 ? void 0 : _b[this._fieldX[0]]) === null || _c === void 0 ? void 0 : _c.values.indexOf(xValue);
                 return xIndex || 0;
             };
-            this._rectMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('bar')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig(this._barMarkName, this._spec), { dataIndex }));
+            this._barMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('bar')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig(this._barMarkName, this._spec), { dataIndex }));
         }
         _getBarWidth(axisHelper) {
             var _a, _b;
@@ -63141,7 +63246,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 dataToPosition = this.dataToPositionX.bind(this);
             }
             const scale = axisHelper.getScale(0);
-            const size = this._rectMark.getAttribute(sizeAttribute, datum);
+            const size = this._barMark.getAttribute(sizeAttribute, datum);
             const bandWidth = (_b = (_a = axisHelper.getBandwidth) === null || _a === void 0 ? void 0 : _a.call(axisHelper, this._groups ? this._groups.fields.length - 1 : 0)) !== null && _b !== void 0 ? _b : DefaultBandWidth$2;
             if (((_d = (_c = this._groups) === null || _c === void 0 ? void 0 : _c.fields) === null || _d === void 0 ? void 0 : _d.length) > 1 && isValid$1(this._spec.barGapInGroup)) {
                 const groupFields = this._groups.fields;
@@ -63179,7 +63284,29 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return 'square';
         }
         getActiveMarks() {
-            return [this._rectMark];
+            return [this._barMark];
+        }
+        compileData() {
+            var _a;
+            super.compileData();
+            (_a = this._barBackgroundViewData) === null || _a === void 0 ? void 0 : _a.compile();
+        }
+        fillData() {
+            var _a, _b;
+            super.fillData();
+            (_b = (_a = this._barBackgroundViewData) === null || _a === void 0 ? void 0 : _a.getDataView()) === null || _b === void 0 ? void 0 : _b.reRunAllTransform();
+        }
+        viewDataUpdate(d) {
+            var _a, _b, _c;
+            super.viewDataUpdate(d);
+            (_b = (_a = this._barBackgroundViewData) === null || _a === void 0 ? void 0 : _a.getDataView()) === null || _b === void 0 ? void 0 : _b.reRunAllTransform();
+            (_c = this._barBackgroundViewData) === null || _c === void 0 ? void 0 : _c.updateData();
+        }
+        release() {
+            var _a;
+            super.release();
+            (_a = this._barBackgroundViewData) === null || _a === void 0 ? void 0 : _a.release();
+            this._barBackgroundViewData = null;
         }
     }
     BarSeries.type = SeriesTypeEnum.bar;
@@ -63197,7 +63324,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.seriesType = SeriesTypeEnum.bar;
         }
         _getDefaultSeriesSpec(spec) {
-            return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barWidth: spec.barWidth, barMaxWidth: spec.barMaxWidth, barMinWidth: spec.barMinWidth, barGapInGroup: spec.barGapInGroup, barMinHeight: spec.barMinHeight });
+            return Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barWidth: spec.barWidth, barMaxWidth: spec.barMaxWidth, barMinWidth: spec.barMinWidth, barGapInGroup: spec.barGapInGroup, barMinHeight: spec.barMinHeight, barBackground: spec.barBackground });
         }
         transformSpec(spec) {
             super.transformSpec(spec);
@@ -71555,8 +71682,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const currentValue = Number.parseFloat(d[valueField]);
             const lastValue = Number.parseFloat((_a = data[i - 1]) === null || _a === void 0 ? void 0 : _a[valueField]);
             const nextValue = Number.parseFloat((_b = data[i + 1]) === null || _b === void 0 ? void 0 : _b[valueField]);
-            const transformRatio = !isValidNumber$1(nextValue * currentValue) ? null : nextValue / currentValue;
-            const reachRatio = !isValidNumber$1(currentValue * currentValue) ? null : currentValue / lastValue;
+            const transformRatio = !isValidNumber$1(nextValue * currentValue) || currentValue === 0 ? 0 : nextValue / currentValue;
+            const reachRatio = !isValidNumber$1(currentValue * lastValue) || lastValue === 0 ? 0 : currentValue / lastValue;
             asLastValue && (d[asLastValue] = lastValue);
             asNextValue && (d[asNextValue] = nextValue);
             asTransformRatio && (d[asTransformRatio] = transformRatio);
@@ -72980,8 +73107,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initMark() {
             var _a, _b, _c, _d, _e, _f, _g, _h;
+            this._initBarBackgroundMark();
             const labelPosition = (_a = this._spec.label) === null || _a === void 0 ? void 0 : _a.position;
-            this._rectMark = this._createMark(RangeColumnSeries.mark.bar, {
+            this._barMark = this._createMark(RangeColumnSeries.mark.bar, {
                 morph: shouldDoMorph(this._spec.animation, this._spec.morph, userAnimationConfig('bar', this._spec)),
                 defaultMorphElementKey: this.getDimensionField()[0],
                 groupKey: this._seriesField,
@@ -73019,16 +73147,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
                 const position = (_d = minLabelSpec === null || minLabelSpec === void 0 ? void 0 : minLabelSpec.position) !== null && _d !== void 0 ? _d : 'end';
                 const offset = (_e = minLabelSpec === null || minLabelSpec === void 0 ? void 0 : minLabelSpec.offset) !== null && _e !== void 0 ? _e : (this._direction === 'vertical' ? -20 : -25);
-                setRectLabelPos(this, minLabelMark, position, offset, (datum) => this._rectMark.getAttribute('x', datum), (datum) => {
+                setRectLabelPos(this, minLabelMark, position, offset, (datum) => this._barMark.getAttribute('x', datum), (datum) => {
                     return this._direction === 'vertical'
-                        ? this._rectMark.getAttribute('x', datum) +
-                            this._rectMark.getAttribute('width', datum)
-                        : this._rectMark.getAttribute('x1', datum);
-                }, (datum) => this._rectMark.getAttribute('y', datum), (datum) => {
+                        ? this._barMark.getAttribute('x', datum) +
+                            this._barMark.getAttribute('width', datum)
+                        : this._barMark.getAttribute('x1', datum);
+                }, (datum) => this._barMark.getAttribute('y', datum), (datum) => {
                     return this._direction === 'vertical'
-                        ? this._rectMark.getAttribute('y1', datum)
-                        : this._rectMark.getAttribute('y', datum) +
-                            this._rectMark.getAttribute('height', datum);
+                        ? this._barMark.getAttribute('y1', datum)
+                        : this._barMark.getAttribute('y', datum) +
+                            this._barMark.getAttribute('height', datum);
                 }, () => this._direction);
             }
             const maxLabelMark = this._maxLabelMark;
@@ -73046,16 +73174,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
                 const position = (_j = maxLabelSpec === null || maxLabelSpec === void 0 ? void 0 : maxLabelSpec.position) !== null && _j !== void 0 ? _j : 'start';
                 const offset = (_k = maxLabelSpec === null || maxLabelSpec === void 0 ? void 0 : maxLabelSpec.offset) !== null && _k !== void 0 ? _k : (this._direction === 'vertical' ? -20 : -25);
-                setRectLabelPos(this, maxLabelMark, position, offset, (datum) => this._rectMark.getAttribute('x', datum), (datum) => {
+                setRectLabelPos(this, maxLabelMark, position, offset, (datum) => this._barMark.getAttribute('x', datum), (datum) => {
                     return this._direction === 'vertical'
-                        ? this._rectMark.getAttribute('x', datum) +
-                            this._rectMark.getAttribute('width', datum)
-                        : this._rectMark.getAttribute('x1', datum);
-                }, (datum) => this._rectMark.getAttribute('y', datum), (datum) => {
+                        ? this._barMark.getAttribute('x', datum) +
+                            this._barMark.getAttribute('width', datum)
+                        : this._barMark.getAttribute('x1', datum);
+                }, (datum) => this._barMark.getAttribute('y', datum), (datum) => {
                     return this._direction === 'vertical'
-                        ? this._rectMark.getAttribute('y1', datum)
-                        : this._rectMark.getAttribute('y', datum) +
-                            this._rectMark.getAttribute('height', datum);
+                        ? this._barMark.getAttribute('y1', datum)
+                        : this._barMark.getAttribute('y', datum) +
+                            this._barMark.getAttribute('height', datum);
                 }, () => this._direction);
             }
         }
@@ -73087,7 +73215,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const yScale = (_d = (_c = this._yAxisHelper) === null || _c === void 0 ? void 0 : _c.getScale) === null || _d === void 0 ? void 0 : _d.call(_c, 0);
             const { dataToPosition } = this.direction === Direction.horizontal ? this._xAxisHelper : this._yAxisHelper;
             if (this.direction === Direction.horizontal) {
-                this.setMarkStyle(this._rectMark, {
+                this.setMarkStyle(this._barMark, {
                     x: (datum) => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._spec.xField[0]), {
                         bandPosition: this._bandPosition
                     }), xScale),
@@ -73099,7 +73227,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }, 'normal', AttributeLevel.Series);
             }
             else {
-                this.setMarkStyle(this._rectMark, {
+                this.setMarkStyle(this._barMark, {
                     x: (datum) => this._getPosition(this.direction, datum),
                     y: (datum) => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._spec.yField[0]), {
                         bandPosition: this._bandPosition
@@ -73112,6 +73240,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                 }, 'normal', AttributeLevel.Series);
             }
+            this._initBarBackgroundMarkStyle();
         }
         initAnimation() {
             var _a, _b, _c, _d, _e;
@@ -73122,7 +73251,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return xIndex || 0;
             };
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this._rectMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('rangeColumn')) === null || _c === void 0 ? void 0 : _c({ direction: this.direction }, appearPreset), userAnimationConfig(SeriesMarkNameEnum.bar, this._spec), { dataIndex }));
+            this._barMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('rangeColumn')) === null || _c === void 0 ? void 0 : _c({ direction: this.direction }, appearPreset), userAnimationConfig(SeriesMarkNameEnum.bar, this._spec), { dataIndex }));
             if (this._minLabelMark) {
                 this._minLabelMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(SeriesMarkNameEnum.label, this._spec), { dataIndex }));
             }
@@ -73155,7 +73284,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _getDefaultSeriesSpec(spec) {
             var _a, _b;
-            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barGapInGroup: spec.barGapInGroup });
+            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barGapInGroup: spec.barGapInGroup, barBackground: spec.barBackground });
             series.bar = spec.bar;
             if (spec.direction === Direction.horizontal) {
                 series.xField = (_a = spec.xField) !== null && _a !== void 0 ? _a : [spec.minField, spec.maxField];
@@ -75885,7 +76014,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const xIndex = (_c = (_b = (_a = this.getViewDataStatistics()) === null || _a === void 0 ? void 0 : _a.latestData) === null || _b === void 0 ? void 0 : _b[this._fieldX[0]]) === null || _c === void 0 ? void 0 : _c.values.indexOf(xValue);
                 return xIndex || 0;
             };
-            this._rectMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('waterfall')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig(SeriesMarkNameEnum.bar, this._spec), { dataIndex }));
+            this._barMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('waterfall')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig(SeriesMarkNameEnum.bar, this._spec), { dataIndex }));
             if (this._leaderLineMark) {
                 this._leaderLineMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(SeriesMarkNameEnum.leaderLine, this._spec)));
             }
@@ -75914,7 +76043,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 leaderLine.setDataView(this._totalData.getDataView(), this._totalData.getProductId());
             }
             if ((_a = this._spec.stackLabel) === null || _a === void 0 ? void 0 : _a.visible) {
-                this._rectMark.addLabelSpec(this._spec.stackLabel);
+                this._barMark.addLabelSpec(this._spec.stackLabel);
             }
         }
         initLabelMarkStyle(labelMark) {
@@ -75945,7 +76074,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     bandPosition: this._bandPosition
                 }) +
                     getBandwidth(0) * 0.5 -
-                    this._rectMark.getAttribute('width', datum) * (0.5 - pos));
+                    this._barMark.getAttribute('width', datum) * (0.5 - pos));
             }
             return valueInScaleRange(dataToPosition([datum[field]], {
                 bandPosition: this._bandPosition
@@ -75962,7 +76091,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 bandPosition: this._bandPosition
             }) +
                 getBandwidth(0) * 0.5 -
-                this._rectMark.getAttribute('height', datum) * (0.5 - pos));
+                this._barMark.getAttribute('height', datum) * (0.5 - pos));
         }
         initMarkStyle() {
             super.initMarkStyle();
@@ -82475,35 +82604,24 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     const measureTooltipText = (text, style) => {
         var _a;
         text = (text !== null && text !== void 0 ? text : '').toString();
-        const measure = initTextMeasure(style);
-        if (!style.multiLine) {
-            const { width, height } = measure.fullMeasure(text);
-            return {
-                width,
-                height,
-                text
-            };
+        let textLines;
+        if (style.multiLine) {
+            textLines = text.split('\n');
+            textLines = textLines.map((line, i) => (i < textLines.length - 1 ? line + '\n' : line));
         }
-        let textLines = text.split('\n');
-        textLines = textLines.map((line, i) => (i < textLines.length - 1 ? line + '\n' : line));
-        const { width, height } = measure.fullMeasure(textLines);
-        if (style.maxWidth && style.maxWidth <= width) {
-            const bound = getRichTextBounds({
-                wordBreak: (_a = style.wordBreak) !== null && _a !== void 0 ? _a : 'break-word',
-                maxWidth: style.maxWidth,
-                width: 0,
-                height: 0,
-                textConfig: textLines.map((line, i) => (Object.assign(Object.assign({}, style), { text: line })))
-            });
-            return {
-                width: bound.width(),
-                height: bound.height(),
-                text: textLines
-            };
+        else {
+            textLines = [text];
         }
+        const bound = getRichTextBounds({
+            wordBreak: (_a = style.wordBreak) !== null && _a !== void 0 ? _a : 'break-word',
+            maxWidth: style.maxWidth ? style.maxWidth : undefined,
+            width: 0,
+            height: 0,
+            textConfig: textLines.map(line => (Object.assign(Object.assign({}, style), { text: line })))
+        });
         return {
-            width,
-            height,
+            width: bound.width(),
+            height: bound.height(),
             text: textLines
         };
     };