@visactor/vchart 1.7.1-alpha.0 → 1.7.2

package/build/index.js

@@ -27528,6 +27528,20 @@
         const { x: x0, y: y0 } = point;
         return x0 < x + width && y0 < y + height && y0 > y && x0 > x;
     }
+    function isPointInTriangle(point, v1, v2, v3) {
+        const { x: x0, y: y0 } = point;
+        const { x: x1, y: y1 } = v1;
+        const { x: x2, y: y2 } = v2;
+        const { x: x3, y: y3 } = v3;
+        const divisor = (y2 - y3) * (x1 - x3) + (x3 - x2) * (y1 - y3);
+        if (!divisor) {
+            return false;
+        }
+        const a = ((y2 - y3) * (x0 - x3) + (x3 - x2) * (y0 - y3)) / divisor;
+        const b = ((y3 - y1) * (x0 - x3) + (x1 - x3) * (y0 - y3)) / divisor;
+        const c = 1 - a - b;
+        return a >= 0 && a <= 1 && b >= 0 && b <= 1 && c >= 0 && c <= 1;
+    }
     function isPercent(v) {
         if (!isString$1(v)) {
             return false;
@@ -28767,30 +28781,6 @@
       }), graphicAttributes[name] = storedAttrs, storedAttrs;
     }
     const transformsByType = {
-      [GrammarMarkType.largeRects]: [{
-        channels: ["x", "y", "y1", "x1", "width", "height"],
-        transform: (graphicAttributes, nextAttrs, storedAttrs) => {
-          graphicAttributes.x = 0, graphicAttributes.y = 0;
-        }
-      }],
-      [GrammarMarkType.largeSymbols]: [{
-        channels: ["x", "y", "size"],
-        transform: (graphicAttributes, nextAttrs, storedAttrs) => {
-          graphicAttributes.x = 0, graphicAttributes.y = 0;
-        }
-      }],
-      [GrammarMarkType.area]: [{
-        channels: ["x", "y", "x1", "y1"],
-        transform: (graphicAttributes, nextAttrs, storedAttrs) => {
-          graphicAttributes.x = 0, graphicAttributes.y = 0, graphicAttributes.x1 = 0, graphicAttributes.y1 = 0;
-        }
-      }],
-      [GrammarMarkType.line]: [{
-        channels: ["x", "y", "defined"],
-        transform: (graphicAttributes, nextAttrs, storedAttrs) => {
-          graphicAttributes.x = 0, graphicAttributes.y = 0;
-        }
-      }],
       [GrammarMarkType.rect]: [{
         channels: ["x", "y", "x1", "y1", "width", "height"],
         transform: (graphicAttributes, nextAttrs, storedAttrs) => {
@@ -28921,13 +28911,19 @@
           startIndex: index
         }));
       }), segments.length >= 2 ? segments.map(entry => {
-        const res = transformAttributes(GrammarMarkType.line, entry.attrs, element);
+        const res = transformAttributes(GrammarMarkType.line, parseCollectionMarkAttributes(entry.attrs), element);
         return res.points = points.slice(entry.startIndex, isNil$1(entry.endIndex) ? points.length : entry.endIndex), res;
       }) : null;
     }
     function getLinePointsFromSegments(segments) {
       return segments ? segments.reduce((points, segment) => points.concat(segment.points), []) : null;
     }
+    function parseCollectionMarkAttributes(itemNextAttrs) {
+      const result = {};
+      return itemNextAttrs ? (Object.keys(itemNextAttrs).forEach(key => {
+        "x" !== key && "y" !== key && "x1" !== key && "y1" !== key && "defined" !== key && "size" !== key && "width" !== key && "height" !== key && "context" !== key && (result[key] = itemNextAttrs[key]);
+      }), result) : result;
+    }
 
     let Element$1 = class Element {
       constructor(mark) {
@@ -29094,7 +29090,7 @@
             enableSegments = this.mark.getSpec().enableSegments,
             itemNextAttrs = items.map(item => item.nextAttrs),
             isProgressive = this.mark.isProgressive();
-          if (nextAttrs = Object.assign({}, nextAttrs), delete nextAttrs.x, delete nextAttrs.y, markType === GrammarMarkType.line || markType === GrammarMarkType.area) {
+          if (nextAttrs = parseCollectionMarkAttributes(nextAttrs), markType === GrammarMarkType.line || markType === GrammarMarkType.area) {
             const linePoints = getLinePoints(items, !0, lastPoints, markType === GrammarMarkType.area);
             if (enableSegments && !isProgressive) {
               const points = linePoints && 0 !== linePoints.length ? linePoints : getLinePointsFromSegments(lastSegments),
@@ -44807,7 +44803,7 @@
         }
         const groupMark = isString$1(spec.group) ? this.view.getMarkById(spec.group) : spec.group;
         return this.attach(groupMark), this.join(null === (_a = spec.from) || void 0 === _a ? void 0 : _a.data, spec.key, spec.sort, spec.groupBy, spec.groupSort), this.coordinate(spec.coordinate), this.state(spec.state, this.spec.stateSort), Object.keys(null !== (_b = this.spec.encode) && void 0 !== _b ? _b : {}).forEach(state => {
-          this.encodeState(state, {});
+          this.encodeState(state, {}, !0);
         }), Object.keys(null !== (_c = spec.encode) && void 0 !== _c ? _c : {}).forEach(state => {
           this.encodeState(state, spec.encode[state]);
         }), this.animation(spec.animation), this.animationState(spec.animationState), this.morph(spec.morph, spec.morphKey, spec.morphElementKey), this.layout(spec.layout), this.configure(spec), this.transform(spec.transform), this.parseAddition(spec), this.spec = spec, this.markType = spec.type, this.commit(), this;
@@ -44880,15 +44876,20 @@
       state(state, stateSort) {
         return this.spec.stateSort = stateSort, this.setFunctionSpec(state, "state");
       }
-      encode(channel, value) {
-        return this.encodeState(DiffState.update, channel, value);
+      encode(channel, value, clear) {
+        return this.encodeState(DiffState.update, channel, value, clear);
       }
-      encodeState(state, channel, value) {
+      encodeState(state, channel, value, clear) {
         if (state === DiffState.enter && (this._isReentered = !0), this.spec.encode[state]) {
           const lastEncoder = this.spec.encode[state];
-          isFunctionType(lastEncoder) ? this.detach(parseEncodeType(lastEncoder, this.view)) : isString$1(channel) ? this.detach(parseEncodeType(this.spec.encode[state][channel], this.view)) : Object.keys(channel).forEach(c => {
-            this.detach(parseEncodeType(this.spec.encode[state][c], this.view));
-          });
+          if (isFunctionType(lastEncoder)) this.detach(parseEncodeType(lastEncoder, this.view));else {
+            const isSingleChannel = isString$1(channel);
+            isSingleChannel && clear || !isSingleChannel && value ? (Object.keys(lastEncoder).forEach(c => {
+              this.detach(parseEncodeType(lastEncoder[c], this.view));
+            }), this.spec.encode[state] = {}) : isSingleChannel ? this.detach(parseEncodeType(lastEncoder[channel], this.view)) : Object.keys(channel).forEach(c => {
+              this.detach(parseEncodeType(lastEncoder[c], this.view));
+            });
+          }
         } else this.spec.encode[state] = {};
         return isString$1(channel) ? (this.spec.encode[state][channel] = value, this.attach(parseEncodeType(value, this.view))) : isFunctionType(channel) ? (this.spec.encode[state] = channel, this.attach(parseEncodeType(channel, this.view))) : (Object.assign(this.spec.encode[state], channel), channel && Object.values(channel).forEach(channelEncoder => {
           this.attach(parseEncodeType(channelEncoder, this.view));
@@ -54860,19 +54861,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _prepareSpecBeforeMergingTheme(obj) {
             return obj;
         }
-        setCurrentTheme(noRender) {
-            return __awaiter$h(this, void 0, void 0, function* () {
-                const modifyConfig = () => {
-                    this.reInit(this._getTheme());
-                    return { change: true, reMake: false };
-                };
-                if (noRender) {
-                    modifyConfig();
-                }
-                else {
-                    yield this._option.globalInstance.updateCustomConfigAndRerender(modifyConfig);
-                }
-            });
+        setCurrentTheme() {
+            this.reInit(this._getTheme());
         }
         updateLayoutAttribute() {
         }
@@ -56519,9 +56509,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
-    const keptInUpdateAttribute = {
-        defined: true
-    };
     class CompilableMark extends GrammarItem {
         getSkipTheme() {
             return this._skipTheme;
@@ -56742,10 +56729,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!this._product) {
                 return;
             }
-            const { enterStyles } = this._separateStyle();
-            if (enterStyles) {
-                this._product.encodeState('group', enterStyles);
-            }
+            const { enterStyles, updateStyles } = this._separateStyle();
+            this._product.encodeState('group', enterStyles, true);
+            this._product.encode(updateStyles, true);
         }
         _separateStyle() {
             const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL, normalStyle = _a[_b]; __rest$8(_a, [typeof _b === "symbol" ? _b : _b + ""]);
@@ -56755,10 +56741,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (this._unCompileChannel[key]) {
                     return;
                 }
-                if (keptInUpdateAttribute[key]) {
-                    updateStyles[key] = normalStyle[key].style;
-                }
-                else if (this._option.noSeparateStyle || isStateAttrChangeable(key, normalStyle, this.getFacet())) {
+                if (this._option.noSeparateStyle || isStateAttrChangeable(key, normalStyle, this.getFacet())) {
                     updateStyles[key] = {
                         callback: this.compileCommonAttributeCallback(key, 'normal'),
                         dependency: [this.stateKeyToSignalName('markUpdateRank')]
@@ -56773,10 +56756,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         compileEncode() {
             const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL; _a[_b]; const temp = __rest$8(_a, [typeof _b === "symbol" ? _b : _b + ""]);
             const { enterStyles, updateStyles } = this._separateStyle();
-            this._product.encode(updateStyles);
-            if (!isEmpty(enterStyles)) {
-                this._product.encodeState('group', enterStyles);
-            }
+            this._product.encode(updateStyles, true);
+            this._product.encodeState('group', enterStyles, true);
             Object.keys(temp).forEach(state => {
                 const styles = {};
                 Object.keys(temp[state]).forEach(key => {
@@ -56788,7 +56769,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         dependency: [this.stateKeyToSignalName('markUpdateRank')]
                     };
                 });
-                this._product.encodeState(state, styles);
+                this._product.encodeState(state, styles, true);
             });
             if (this._skipBeforeLayouted) {
                 this._product.layout({
@@ -57129,6 +57110,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (stateStyle.referer) {
                 return stateStyle.referer._computeAttribute(key, state);
             }
+            if (typeof stateStyle.style === 'function') {
+                return (datum, opt) => stateStyle.style(datum, this._attributeContext, opt, this.getDataView());
+            }
             if (GradientType.includes(stateStyle.style.gradient)) {
                 return this._computeGradientAttr(stateStyle.style);
             }
@@ -57139,10 +57123,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return (datum, opt) => stateStyle.style.scale.scale(datum[stateStyle.style.field]);
             }
             return (datum, opt) => {
-                var _a;
-                if (typeof stateStyle.style === 'function') {
-                    return (_a = stateStyle.style) === null || _a === void 0 ? void 0 : _a.call(stateStyle, datum, this._attributeContext, opt, this.getDataView());
-                }
                 return stateStyle.style;
             };
         }
@@ -58061,7 +58041,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                     const reSize = this._shouldChartResize(lastSpec);
                     (_c = (_b = this._compiler) === null || _b === void 0 ? void 0 : _b.getVGrammarView()) === null || _c === void 0 ? void 0 : _c.updateLayoutTag();
-                    return mergeUpdateResult(this._chart.updateSpec(spec, morphConfig), {
+                    return mergeUpdateResult(this._chart.updateSpec(spec), {
                         change: reSize,
                         reMake: false,
                         reCompile: false,
@@ -58093,7 +58073,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
                 const reSize = this._shouldChartResize(lastSpec);
                 (_d = (_c = this._compiler) === null || _c === void 0 ? void 0 : _c.getVGrammarView()) === null || _d === void 0 ? void 0 : _d.updateLayoutTag();
-                return mergeUpdateResult(this._chart.updateSpec(spec, morphConfig), {
+                return mergeUpdateResult(this._chart.updateSpec(spec), {
                     change: reSize,
                     reMake: false,
                     reCompile: false,
@@ -58307,7 +58287,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 yield this.updateCustomConfigAndRerender(() => {
                     var _a;
                     this._updateCurrentTheme(name);
-                    (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setCurrentTheme(true);
+                    (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setCurrentTheme();
                     return { change: true, reMake: false };
                 });
                 return this;
@@ -58320,7 +58300,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.updateCustomConfigAndRerenderSync(() => {
                 var _a;
                 this._updateCurrentTheme(name);
-                (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setCurrentTheme(true);
+                (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setCurrentTheme();
                 return { change: true, reMake: false };
             });
             return this;
@@ -58630,7 +58610,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.7.1-alpha.0";
+    const version = "1.7.2";
 
     class ChartData {
         get dataList() {
@@ -59224,7 +59204,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._event = new Event$1(option.eventDispatcher, option.mode);
             this._dataSet = option.dataSet;
             this._chartData = new ChartData(this._dataSet, (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError);
-            this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_c = this._option) === null || _c === void 0 ? void 0 : _c.onError });
+            this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_c = this._option) === null || _c === void 0 ? void 0 : _c.onError, getSeriesData: this._chartData.getSeriesData.bind(this._chartData) });
             this._spec = spec;
         }
         created() {
@@ -59302,11 +59282,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         _createSeries(seriesSpec) {
-            seriesSpec.forEach((_spec, index) => {
-                const spec = Object.assign({}, _spec);
-                if (!spec.data) {
-                    spec.data = this._chartData.getSeriesData(spec.dataId, spec.dataIndex);
-                }
+            seriesSpec.forEach((spec, index) => {
                 if (this._option.animation === false) {
                     spec.animation = false;
                 }
@@ -59323,7 +59299,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!region) {
                     return;
                 }
-                const series = Factory.createSeries(spec.type, spec, Object.assign(Object.assign({}, this._modelOption), { region, specIndex: index, globalScale: this._globalScale, getSeriesData: this._chartData.getSeriesData.bind(this._chartData), sourceDataList: this._chartData.dataList }));
+                const series = Factory.createSeries(spec.type, spec, Object.assign(Object.assign({}, this._modelOption), { region, specIndex: index, globalScale: this._globalScale, sourceDataList: this._chartData.dataList }));
                 if (series) {
                     series.created();
                     this._series.push(series);
@@ -59602,7 +59578,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._globalScale.getScale('color').range(colorSpec.range);
             }
         }
-        updateSpec(spec, morphConfig) {
+        updateSpec(spec) {
             const result = {
                 change: false,
                 reMake: false,
@@ -59610,7 +59586,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 reSize: false,
                 reCompile: false
             };
-            this.setLayoutTag(true, morphConfig);
+            this.setLayoutTag(true, null, false);
             if (spec.type !== this.type) {
                 result.reMake = true;
                 return result;
@@ -59771,29 +59747,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._layoutRect.y = this.padding.top;
             this._event.emit(exports.ChartEvent.layoutRectUpdate, {});
         }
-        setCurrentTheme(reInit = true) {
+        setCurrentTheme() {
             this.updateChartConfig({ change: true, reMake: false }, this._spec);
-            this.setLayoutTag(true);
+            this.setLayoutTag(true, null, false);
             this.transformSpec(this._spec);
             this.updateGlobalScaleTheme();
-            this.setRegionTheme(reInit);
-            this.setComponentTheme(reInit);
-            this.setSeriesTheme(reInit);
-        }
-        setRegionTheme(reInit = true) {
-            this._regions.forEach((r) => __awaiter$h(this, void 0, void 0, function* () {
-                yield r.setCurrentTheme(reInit);
-            }));
-        }
-        setComponentTheme(reInit = true) {
-            this._components.forEach((c) => __awaiter$h(this, void 0, void 0, function* () {
-                yield c.setCurrentTheme(reInit);
-            }));
-        }
-        setSeriesTheme(reInit = true) {
-            this._series.forEach((s) => __awaiter$h(this, void 0, void 0, function* () {
-                yield s.setCurrentTheme(reInit);
-            }));
+            this._regions.forEach(r => r.setCurrentTheme());
+            this._components.forEach(c => c.setCurrentTheme());
+            this._series.forEach(s => s.setCurrentTheme());
         }
         clear() {
             this.getAllModels().forEach(i => { var _a; return (_a = i.clear) === null || _a === void 0 ? void 0 : _a.call(i); });
@@ -61091,13 +61052,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         initData() {
-            var _a, _b, _c, _d;
-            if (this._spec.data) {
-                this._rawData = dataToDataView(this._spec.data, this._dataSet, this._option.sourceDataList, {
-                    onError: (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError
+            var _a, _b, _c, _d, _e;
+            const d = (_a = this._spec.data) !== null && _a !== void 0 ? _a : this._option.getSeriesData(this._spec.dataId, this._spec.dataIndex);
+            if (d) {
+                this._rawData = dataToDataView(d, this._dataSet, this._option.sourceDataList, {
+                    onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError
                 });
             }
-            (_b = this._rawData) === null || _b === void 0 ? void 0 : _b.target.addListener('change', this.rawDataUpdate.bind(this));
+            (_c = this._rawData) === null || _c === void 0 ? void 0 : _c.target.addListener('change', this.rawDataUpdate.bind(this));
             this._addDataIndexAndKey();
             if (this._rawData) {
                 if (this._stack) {
@@ -61113,9 +61075,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     this._viewDataFilter.target.removeListener('change', viewData.reRunAllTransform);
                 }
             }
-            if (this._invalidType === 'zero' && ((_c = this._rawData) === null || _c === void 0 ? void 0 : _c.dataSet)) {
+            if (this._invalidType === 'zero' && ((_d = this._rawData) === null || _d === void 0 ? void 0 : _d.dataSet)) {
                 registerDataSetInstanceTransform(this._rawData.dataSet, 'invalidTravel', invalidTravel);
-                (_d = this._rawData) === null || _d === void 0 ? void 0 : _d.transform({
+                (_e = this._rawData) === null || _e === void 0 ? void 0 : _e.transform({
                     type: 'invalidTravel',
                     options: {
                         config: () => {
@@ -61361,7 +61323,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
             }
             else if (!parentMark && (!isNil$1(spec.dataId) || !isNil$1(spec.dataIndex))) {
-                const dataView = this._option.getSeriesData(spec.id, spec.dataIndex);
+                const dataView = this._option.getSeriesData(spec.dataId, spec.dataIndex);
                 if (dataView === this._rawData) {
                     mark.setDataView(this.getViewData(), this.getViewDataProductId());
                 }
@@ -61562,12 +61524,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         reInit(theme, lastSpec) {
             super.reInit(theme);
-            this.initMarkStyle();
-            this.getMarksWithoutRoot().forEach(mark => {
-                if (lastSpec && isEqual$1(lastSpec[mark.name], this._spec[mark.name])) {
-                    return;
-                }
+            const marks = !lastSpec
+                ? this.getMarksWithoutRoot()
+                : this.getMarksWithoutRoot().filter(mark => !isEqual$1(lastSpec[mark.name], this._spec[mark.name]));
+            marks.forEach(mark => {
                 this._spec[mark.name] && this.initMarkStyleWithSpec(mark, this._spec[mark.name]);
+            });
+            this.initMarkStyle();
+            marks.forEach(mark => {
                 mark.updateStaticEncode();
                 mark.updateLayoutState(true);
             });
@@ -64784,10 +64748,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     chart: (_b = (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance) === null || _b === void 0 ? void 0 : _b.getChart()
                 }, 'model');
             };
-            this.getGraphicBounds = () => {
-                var _a, _b, _c;
-                return (_c = (_b = (_a = this.getVRenderComponents()) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.AABBBounds) !== null && _c !== void 0 ? _c : super.getGraphicBounds();
-            };
             if (this._option.animation) {
                 this.animate = new AnimateManager({
                     getCompiler: options.getCompiler
@@ -64800,6 +64760,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._regions = (_a = this._regions) !== null && _a !== void 0 ? _a : this._option.getRegionsInIndex();
             this._layout && (this._layout.layoutBindRegionID = this._regions.map(x => x.id));
         }
+        getVRenderComponents() {
+            return this._getNeedClearVRenderComponents();
+        }
         callPlugin(cb) {
             if (this.pluginService) {
                 this.pluginService.getAll().forEach(plugin => cb(plugin));
@@ -64848,7 +64811,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         clear() {
             var _a;
-            const components = this.getVRenderComponents();
+            const components = this._getNeedClearVRenderComponents();
             if (components && components.length) {
                 components.forEach(c => {
                     var _a;
@@ -65449,7 +65412,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         changeRegions(regions) {
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [];
         }
         collectFeatures() {
@@ -66324,6 +66287,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 y: (_d = (_c = this._spec) === null || _c === void 0 ? void 0 : _c.centerY) !== null && _d !== void 0 ? _d : this._region.getLayoutRect().height / 2
             };
         }
+        _buildMarkAttributeContext() {
+            super._buildMarkAttributeContext();
+            this._markAttributeContext.getCenter = () => {
+                return {
+                    x: () => { var _a, _b; return (_b = (_a = this._center) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : this._region.getLayoutRect().width / 2; },
+                    y: () => { var _a, _b; return (_b = (_a = this._center) === null || _a === void 0 ? void 0 : _a.y) !== null && _b !== void 0 ? _b : this._region.getLayoutRect().height / 2; }
+                };
+            };
+        }
         setAttrFromSpec() {
             var _a, _b, _c, _d, _e, _f, _g;
             super.setAttrFromSpec();
@@ -68539,9 +68511,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _createSeries(seriesSpec) {
             seriesSpec.forEach((spec, index) => {
-                if (!spec.data) {
-                    spec.data = this._chartData.getSeriesData(spec.dataId, spec.dataIndex);
-                }
                 if (spec.type === exports.SeriesTypeEnum.link) {
                     spec.dotSeriesSpec = this._spec.series[spec.dotSeriesIndex];
                 }
@@ -69227,20 +69196,20 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const pointerSpec = this._spec.pointer;
             if (pointerMark) {
                 this.setMarkStyle(pointerMark, {
-                    x: () => {
+                    x: (datum) => {
                         var _a, _b;
-                        const { x } = this.angleAxisHelper.center();
+                        const { x } = this._getPointerAnchor(datum, pointerSpec);
                         const dx = this._getPointerWidth() * ((_b = (_a = pointerSpec === null || pointerSpec === void 0 ? void 0 : pointerSpec.center) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : 0);
                         return x - dx;
                     },
                     y: (datum) => {
                         var _a, _b;
-                        const { y } = this.angleAxisHelper.center();
+                        const { y } = this._getPointerAnchor(datum, pointerSpec);
                         const dy = this._getPointerHeight(datum) * ((_b = (_a = pointerSpec === null || pointerSpec === void 0 ? void 0 : pointerSpec.center) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : 0);
                         return y - dy;
                     },
-                    anchor: () => {
-                        const { x, y } = this.angleAxisHelper.center();
+                    anchor: (datum) => {
+                        const { x, y } = this._getPointerAnchor(datum, pointerSpec);
                         return [x, y];
                     },
                     fill: this.getColorAttribute(),
@@ -69267,6 +69236,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             super.initTooltip();
             this._pointerMark && this._tooltipHelper.activeTriggerSet.mark.add(this._pointerMark);
         }
+        _getPointerAnchor(datum, markSpec) {
+            var _a;
+            if ((_a = markSpec.isOnCenter) !== null && _a !== void 0 ? _a : true) {
+                return this.angleAxisHelper.center();
+            }
+            return this.radiusAxisHelper.coordToPoint({
+                radius: this._innerRadius * this._computeLayoutRadius(),
+                angle: this.angleAxisHelper.dataToPosition([datum[this._angleField[0]]])
+            });
+        }
         _getPointerWidth() {
             return this._spec.pointer.width * this._computeLayoutRadius();
         }
@@ -69304,8 +69283,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const pinBackgroundSpec = this._spec.pinBackground;
             if (pinBackgroundMark) {
                 this.setMarkStyle(pinBackgroundMark, {
-                    x: () => this.angleAxisHelper.center().x,
-                    y: () => this.angleAxisHelper.center().y,
+                    x: (datum) => this._getPointerAnchor(datum, pinBackgroundSpec).x,
+                    y: (datum) => this._getPointerAnchor(datum, pinBackgroundSpec).y,
                     scaleX: () => pinBackgroundSpec.width * this._computeLayoutRadius(),
                     scaleY: () => pinBackgroundSpec.height * this._computeLayoutRadius(),
                     fill: this.getColorAttribute(),
@@ -69318,8 +69297,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const pinSpec = this._spec.pin;
             if (pinMark) {
                 this.setMarkStyle(pinMark, {
-                    x: () => this.angleAxisHelper.center().x,
-                    y: () => this.angleAxisHelper.center().y,
+                    x: (datum) => this._getPointerAnchor(datum, pinSpec).x,
+                    y: (datum) => this._getPointerAnchor(datum, pinSpec).y,
                     scaleX: () => pinSpec.width * this._computeLayoutRadius(),
                     scaleY: () => pinSpec.height * this._computeLayoutRadius(),
                     fill: this.getColorAttribute(),
@@ -69389,7 +69368,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initMark() {
             super.initMark();
             this._trackMark = this._createMark(GaugeSeries.mark.track, {
-                parent: this._arcGroupMark
+                parent: this._arcGroupMark,
+                dataView: false
             });
             this._segmentMark = this._createMark(GaugeSeries.mark.segment, {
                 parent: this._arcGroupMark,
@@ -69429,6 +69409,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._segmentMark && this._tooltipHelper.activeTriggerSet.mark.add(this._segmentMark);
         }
         initTrackMarkStyle() {
+            var _a;
             const trackMark = this._trackMark;
             if (trackMark) {
                 this.setMarkStyle(trackMark, {
@@ -69436,6 +69417,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     y: () => this.angleAxisHelper.center().y,
                     startAngle: this._startAngle,
                     endAngle: this._endAngle,
+                    innerRadius: () => { var _a; return this._computeLayoutRadius() * ((_a = this._spec.innerRadius) !== null && _a !== void 0 ? _a : 0); },
+                    outerRadius: () => { var _a, _b; return this._computeLayoutRadius() * ((_b = (_a = this._spec.radius) !== null && _a !== void 0 ? _a : this._spec.outerRadius) !== null && _b !== void 0 ? _b : 1); },
+                    cap: (_a = this._spec.roundCap) !== null && _a !== void 0 ? _a : false,
+                    boundsMode: 'imprecise',
                     cornerRadius: this._spec.cornerRadius,
                     zIndex: 100
                 });
@@ -77593,10 +77578,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           nodeMap: nodeMap
         };
       }
-      computeNodeLinks(data) {
-        if (!("links" in data)) return this._isHierarchic = !0, this.computeHierarchicNodeLinks(data.nodes);
-        let nodes = [];
-        const links = [],
+      computeSourceTargetNodeLinks(data) {
+        const nodes = [],
+          links = [],
           nodeMap = {};
         data.nodes && data.nodes.forEach((node, index) => {
           const nodeElement = {
@@ -77611,7 +77595,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           nodeMap[nodeElement.key] = nodeElement, nodes.push(nodeElement);
         });
         const invalidLinks = [];
-        if (data.links.forEach((link, index) => {
+        return data.links.forEach((link, index) => {
           if (isNil$1(link.source) || isNil$1(link.target)) return;
           if (data.nodes && (!nodeMap[link.source] || !nodeMap[link.target])) return;
           data.nodes || nodeMap[link.source] || (nodeMap[link.source] = {
@@ -77642,11 +77626,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }), this.options.divideNodeValueToLink && invalidLinks.length && invalidLinks.forEach(link => {
           const values = [calcDivideValue(nodeMap[link.source]), calcDivideValue(nodeMap[link.target], !0)].filter(entry => !isNil$1(entry));
           values.length && (link.value = minInArray(values));
-        }), this.options.linkSortBy) for (let i = 0, len = nodes.length; i < len; i++) nodes[i].sourceLinks.sort(this.options.linkSortBy), nodes[i].targetLinks.sort(this.options.linkSortBy);
+        }), {
+          nodeMap: nodeMap,
+          nodes: nodes,
+          links: links
+        };
+      }
+      computeNodeLinks(data) {
+        let res;
+        "links" in data ? res = this.computeSourceTargetNodeLinks(data) : (this._isHierarchic = !0, res = this.computeHierarchicNodeLinks(data.nodes));
+        let nodes = res.nodes;
+        const links = res.links;
+        if (this.options.linkSortBy) for (let i = 0, len = nodes.length; i < len; i++) nodes[i].sourceLinks.sort(this.options.linkSortBy), nodes[i].targetLinks.sort(this.options.linkSortBy);
         return this.options.dropIsolatedNode && (nodes = nodes.filter(node => node.targetLinks.length || node.sourceLinks.length)), {
           nodes: nodes,
           links: links,
-          nodeMap: nodeMap
+          nodeMap: res.nodeMap
         };
       }
       computeNodeValues(nodes) {
@@ -80522,9 +80517,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._tick = undefined;
             this._visible = (_a = spec.visible) !== null && _a !== void 0 ? _a : true;
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [];
         }
+        getVRenderComponents() {
+            var _a, _b;
+            return array((_b = (_a = this._axisMark) === null || _a === void 0 ? void 0 : _a.getProduct()) === null || _b === void 0 ? void 0 : _b.getGroupGraphicItem());
+        }
         created() {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
             super.created();
@@ -81278,10 +81277,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const axisComponent = product.getGroupGraphicItem();
                 const spec = mergeSpec(Object.assign({}, this.getLayoutStartPoint()), this._axisStyle, attrs, { line: { visible: false } });
                 const updateBounds = axisComponent.getBoundsWithoutRender(spec);
+                hasBounds = true;
+                this._latestBounds = updateBounds;
                 if (isFinite(updateBounds.width())) {
                     result = this._appendAxisUnit(updateBounds, isX);
-                    hasBounds = true;
-                    this._latestBounds = updateBounds;
                 }
             }
             if (!hasBounds) {
@@ -81524,7 +81523,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             return bounds;
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return this._unitText ? [this._unitText] : [];
         }
     }
@@ -82893,7 +82892,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             (_b = (_a = this.effect).onSelectedDataChange) === null || _b === void 0 ? void 0 : _b.call(_a);
             this.event.emit(exports.ChartEvent.legendSelectedDataChange, { model: this });
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [this._legendComponent];
         }
         clear() {
@@ -84031,8 +84030,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 let changePositionOnly = !!params.changePositionOnly;
                 if (!params.changePositionOnly || ((_a = this._cacheActualTooltip) === null || _a === void 0 ? void 0 : _a.activeType) !== activeType) {
                     changePositionOnly = false;
-                    this._cacheViewSpec = undefined;
-                    this._cacheActualTooltip = undefined;
+                    this._clearCacheOfContent();
                 }
                 if (changePositionOnly && this._cacheViewSpec && this._cacheActualTooltip) {
                     return this.changeTooltipPosition(changePositionOnly, data, params);
@@ -84046,8 +84044,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     return TooltipResult.failed;
                 }
                 if (!visible) {
-                    this._cacheViewSpec = undefined;
-                    this._cacheActualTooltip = undefined;
+                    this._clearAllCache();
                     if (tooltipSpec.handler) {
                         return (_c = (_b = (_a = tooltipSpec.handler).hideTooltip) === null || _b === void 0 ? void 0 : _b.call(_a, params)) !== null && _c !== void 0 ? _c : TooltipResult.success;
                     }
@@ -84101,6 +84098,21 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!spec || !actualTooltip) {
                     return TooltipResult.failed;
                 }
+                if (spec.enterable) {
+                    if (!this._isPointerEscaped && this._isPointerMovingToTooltip(params)) {
+                        if (!this._isTooltipPaused) {
+                            this._isTooltipPaused = true;
+                            this._cachePointerTimer = setTimeout(() => {
+                                this._isPointerEscaped = true;
+                            }, 300);
+                        }
+                        return TooltipResult.success;
+                    }
+                    this._isTooltipPaused = false;
+                    this._isPointerEscaped = false;
+                    clearTimeout(this._cachePointerTimer);
+                    this._cachePointerPosition = this._getPointerPositionRelativeToTooltipParent(params);
+                }
                 const activeType = actualTooltip.activeType;
                 if (spec.handler) {
                     return (_c = (_b = (_a = spec.handler).showTooltip) === null || _b === void 0 ? void 0 : _b.call(_a, activeType, data, params)) !== null && _c !== void 0 ? _c : TooltipResult.success;
@@ -84141,6 +84153,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const { offsetX, offsetY } = this._option;
                 const tooltipSpec = this._cacheViewSpec;
                 if (!tooltipSpec) {
+                    this._cacheTooltipPosition = undefined;
                     return invalidPosition;
                 }
                 const { activeType, data } = actualTooltip;
@@ -84407,7 +84420,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         detectTopLast();
                         break;
                 }
-                return { x, y };
+                const result = { x, y };
+                this._cacheTooltipPosition = result;
+                this._cacheTooltipSize = { width: tooltipBoxWidth, height: tooltipBoxHeight };
+                return result;
             };
             this._component = component;
             this._chartOption = component.getOption();
@@ -84422,8 +84438,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         release() {
             var _a, _b, _c;
-            this._cacheViewSpec = undefined;
-            this._cacheActualTooltip = undefined;
+            this._clearAllCache();
             const spec = (_a = this._component.getSpec()) !== null && _a !== void 0 ? _a : {};
             if (spec.handler) {
                 (_c = (_b = spec.handler).release) === null || _c === void 0 ? void 0 : _c.call(_b);
@@ -84432,6 +84447,23 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._removeTooltip();
             this._isReleased = true;
         }
+        _clearAllCache() {
+            this._clearCacheOfContent();
+            this._clearCacheOfPosition();
+        }
+        _clearCacheOfContent() {
+            this._cacheViewSpec = undefined;
+            this._cacheActualTooltip = undefined;
+        }
+        _clearCacheOfPosition() {
+            this._isTooltipPaused = false;
+            this._isPointerEscaped = false;
+            clearTimeout(this._cachePointerTimer);
+            this._cachePointerTimer = -1;
+            this._cachePointerPosition = undefined;
+            this._cacheTooltipPosition = undefined;
+            this._cacheTooltipSize = undefined;
+        }
         _throttle(callback) {
             const tooltipSpec = this._component.getSpec();
             let wait;
@@ -84464,6 +84496,68 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 height: (_f = (_e = this._attributes) === null || _e === void 0 ? void 0 : _e.panel) === null || _f === void 0 ? void 0 : _f.height
             };
         }
+        _getPointerPositionRelativeToTooltipParent(params) {
+            var _a, _b;
+            let { canvasX: x, canvasY: y } = params.event;
+            const invalidPosition = {
+                x: Infinity,
+                y: Infinity
+            };
+            const tooltipSpec = this._cacheViewSpec;
+            const isCanvas = tooltipSpec.renderMode === 'canvas';
+            const tooltipParentElement = this._getParentElement(tooltipSpec);
+            let relativePosOffset = { x: 0, y: 0 };
+            let tooltipParentElementRect = { x: 0, y: 0 };
+            let chartElementScale = 1;
+            let tooltipParentElementScale = 1;
+            if (isTrueBrowser(this._env) && !tooltipSpec.confine) {
+                if (!isCanvas) {
+                    tooltipParentElementRect = (_a = tooltipParentElement === null || tooltipParentElement === void 0 ? void 0 : tooltipParentElement.getBoundingClientRect()) !== null && _a !== void 0 ? _a : invalidPosition;
+                    const chartElement = ((_b = this._compiler.getCanvas()) !== null && _b !== void 0 ? _b : this._chartContainer);
+                    const chartElementRect = chartElement === null || chartElement === void 0 ? void 0 : chartElement.getBoundingClientRect();
+                    relativePosOffset = {
+                        x: chartElementRect.x - tooltipParentElementRect.x,
+                        y: chartElementRect.y - tooltipParentElementRect.y
+                    };
+                    chartElementScale = getScale(chartElement, chartElementRect);
+                    tooltipParentElementScale = getScale(tooltipParentElement, tooltipParentElementRect);
+                }
+            }
+            x *= chartElementScale;
+            y *= chartElementScale;
+            if (isTrueBrowser(this._env)) {
+                x += relativePosOffset.x;
+                y += relativePosOffset.y;
+            }
+            x /= tooltipParentElementScale;
+            y /= tooltipParentElementScale;
+            return { x, y };
+        }
+        _isPointerMovingToTooltip(params) {
+            if (!this._cacheTooltipPosition || !this._cacheTooltipSize || !this._cachePointerPosition) {
+                return false;
+            }
+            const { width: tooltipWidth, height: tooltipHeight } = this._cacheTooltipSize;
+            const { x: tooltipX = 0, y: tooltipY } = this._cacheTooltipPosition;
+            const pos = this._getPointerPositionRelativeToTooltipParent(params);
+            if (isPointInRect(pos, {
+                x: tooltipX,
+                y: tooltipY,
+                width: tooltipWidth,
+                height: tooltipHeight
+            })) {
+                return true;
+            }
+            const a = { x: tooltipX, y: tooltipY };
+            const b = { x: a.x + tooltipWidth, y: a.y };
+            const c = { x: a.x, y: a.y + tooltipHeight };
+            const d = { x: b.x, y: c.y };
+            const oldPos = this._cachePointerPosition;
+            return (isPointInTriangle(pos, oldPos, a, b) ||
+                isPointInTriangle(pos, oldPos, c, d) ||
+                isPointInTriangle(pos, oldPos, a, d) ||
+                isPointInTriangle(pos, oldPos, b, c));
+        }
         _getParentElement(spec) {
             return spec.parentElement;
         }
@@ -86049,7 +86143,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         changeRegions(regions) {
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [];
         }
         _registerEvent() {
@@ -86239,19 +86333,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b;
             if (this._spec.enterable && this._spec.renderMode === 'html') {
                 const { event } = params;
-                let target;
+                let newTarget;
                 if (isValid$1(event.nativeEvent)) {
                     const nativeEvent = event.nativeEvent;
-                    target = nativeEvent.target;
+                    newTarget = nativeEvent.relatedTarget;
                     if (nativeEvent.composedPath && nativeEvent.composedPath().length > 0) {
-                        target = nativeEvent.composedPath()[0];
+                        newTarget = nativeEvent.composedPath()[0];
                     }
                 }
                 else {
-                    target = event.target;
+                    newTarget = event.relatedTarget;
                 }
                 const container = (_b = (_a = this.tooltipHandler) === null || _a === void 0 ? void 0 : _a.getTooltipContainer) === null || _b === void 0 ? void 0 : _b.call(_a);
-                if (isValid$1(container) && isValid$1(target) && hasParentElement(target, container)) {
+                if (isValid$1(container) && isValid$1(newTarget) && hasParentElement(newTarget, container)) {
                     return true;
                 }
             }
@@ -87042,7 +87136,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             limitTagInBounds(label, this._getLimitBounds());
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [
                 this._xCrosshair,
                 this._xTopLabel,
@@ -87402,7 +87496,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             limitTagInBounds(label, this._getLimitBounds());
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [
                 this._radiusCrosshair,
                 this._radiusLabelCrosshair,
@@ -88105,7 +88199,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._cacheVisibility = isShown;
             return isShown;
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [this._component];
         }
     }
@@ -88422,7 +88516,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             };
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [this._component];
         }
     }
@@ -88567,7 +88661,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             return attrs;
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [this._component];
         }
     }
@@ -88767,7 +88861,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         isRelativeModel(model) {
             return eachSeries(this._regions, s => model === s) || this._regions.includes(model);
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [this._indicatorComponent];
         }
         clear() {
@@ -89160,7 +89254,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError('need at least one series');
             return null;
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [this._markerComponent];
         }
         onLayoutStart(layoutRect, chartViewRect, ctx) {
@@ -89618,7 +89712,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._cacheAttrs = attrs;
             return this._titleComponent;
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [this._titleComponent];
         }
         clear() {
@@ -90020,7 +90114,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         onRender(ctx) {
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [this._playerComponent];
         }
         _computeLayoutRect(rect, width, height) {
@@ -90132,7 +90226,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         changeRegions(regions) {
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [];
         }
     }
@@ -90393,6 +90487,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
             });
         }
+        getVRenderComponents() {
+            const labels = [];
+            this._labelComponentMap.forEach((info, component) => {
+                const graphicItem = component.getProduct().getGroupGraphicItem();
+                if (graphicItem) {
+                    labels.push(graphicItem);
+                }
+            });
+            return labels;
+        }
     }
     Label.type = ComponentTypeEnum.label;
     const registerLabel = () => {
@@ -90502,6 +90606,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
             });
         }
+        getVRenderComponents() {
+            const labels = [];
+            this.getMarks().forEach(m => {
+                const graphicItem = m.getProduct().getGroupGraphicItem();
+                if (graphicItem) {
+                    labels.push(graphicItem);
+                }
+            });
+            return labels;
+        }
     }
     TotalLabel.type = ComponentTypeEnum.totalLabel;
     function totalLabelPosition(series, type) {
@@ -91002,7 +91116,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         changeRegions(regions) {
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return this._brushComponents;
         }
         _compareSpec() {
@@ -91140,7 +91254,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         changeRegions(regions) {
         }
-        getVRenderComponents() {
+        _getNeedClearVRenderComponents() {
             return [];
         }
         onRender(ctx) {
@@ -91666,8 +91780,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         changeRegions() {
         }
-        getVRenderComponents() {
-            return [];
+        _getNeedClearVRenderComponents() {
+            return this._markerComponents;
         }
     }
     MapLabelComponent.type = ComponentTypeEnum.mapLabel;