@visactor/vchart 1.13.9-alpha.1 → 1.13.9-alpha.11

package/build/index.es.js

@@ -39824,26 +39824,17 @@ function commonLineClipIn(line, label, duration, delay, easing) {
     l.animate().wait(delay + startSymbolDuration + index * stepDuration).to({
       clipRange: 1
     }, stepDuration, easing);
-  }), graphicFadeIn(line.endSymbol, delay + startSymbolDuration + lineDuration, endSymbolDuration, easing), array(label).forEach(labelNode => {
-    const delayTime = delay + startSymbolDuration + lineDuration + endSymbolDuration;
-    graphicFadeIn(labelNode.getTextShape(), delayTime, labelDuration, easing), graphicFadeIn(labelNode.getBgRect(), delayTime, labelDuration, easing);
-  });
+  }), graphicFadeIn(line.endSymbol, delay + startSymbolDuration + lineDuration, endSymbolDuration, easing), graphicFadeIn(label.getTextShape(), delay + startSymbolDuration + lineDuration + endSymbolDuration, labelDuration, easing), graphicFadeIn(label.getBgRect(), delay + startSymbolDuration + lineDuration + endSymbolDuration, labelDuration, easing);
 }
 
 function commonLineFadeIn(line, label, duration, delay, easing) {
-  segmentFadeIn(line, delay, duration, easing), array(label).forEach(labelNode => {
-    tagFadeIn(labelNode, delay, duration, easing);
-  });
+  segmentFadeIn(line, delay, duration, easing), tagFadeIn(label, delay, duration, easing);
 }
 function areaFadeIn(area, label, duration, delay, easing) {
-  graphicFadeIn(area, delay, duration, easing), array(label).forEach(labelNode => {
-    tagFadeIn(labelNode, delay, duration, easing);
-  });
+  graphicFadeIn(area, delay, duration, easing), tagFadeIn(label, delay, duration, easing);
 }
 function arcAreaFadeIn(area, label, duration, delay, easing) {
-  graphicFadeIn(area, delay, duration, easing), array(label).forEach(labelNode => {
-    tagFadeIn(labelNode, delay, duration, easing);
-  });
+  graphicFadeIn(area, delay, duration, easing), tagFadeIn(label, delay, duration, easing);
 }
 function pointFadeIn(itemLine, decorativeLine, item, duration, delay, easing) {
   var _a;
@@ -39851,19 +39842,13 @@ function pointFadeIn(itemLine, decorativeLine, item, duration, delay, easing) {
 }
 
 function commonLineFadeOut(line, label, duration, delay, easing) {
-  segmentFadeOut(line, delay, duration, easing), array(label).forEach(labelNode => {
-    tagFadeOut(labelNode, delay, duration, easing);
-  });
+  segmentFadeOut(line, delay, duration, easing), tagFadeOut(label, delay, duration, easing);
 }
 function areaFadeOut(area, label, duration, delay, easing) {
-  graphicFadeOut(area, delay, duration, easing), array(label).forEach(labelNode => {
-    tagFadeOut(labelNode, delay, duration, easing);
-  });
+  graphicFadeOut(area, delay, duration, easing), tagFadeOut(label, delay, duration, easing);
 }
 function arcAreaFadeOut(area, label, duration, delay, easing) {
-  graphicFadeOut(area, delay, duration, easing), array(label).forEach(labelNode => {
-    tagFadeOut(labelNode, delay, duration, easing);
-  });
+  graphicFadeOut(area, delay, duration, easing), tagFadeOut(label, delay, duration, easing);
 }
 function pointFadeOut(itemLine, decorativeLine, item, duration, delay, easing) {
   var _a;
@@ -40035,57 +40020,6 @@ const DefaultExitMarkerAnimation = {
   delay: 0
 };
 
-class MarkLabelMixin {
-  getLabel() {
-    return this._label;
-  }
-  _addMarkLabels(container, labelName, defaultLabelAttrs) {
-    const {
-        label: label,
-        state: state
-      } = this.attribute,
-      labelStates = array(null == state ? void 0 : state.label),
-      labelBackgroundStates = array(null == state ? void 0 : state.labelBackground),
-      labelShapes = array(label).map((labelAttrs, index) => {
-        var _a, _b;
-        const finalLabelAttrs = merge$1({}, defaultLabelAttrs, labelAttrs),
-          markLabel = new Tag(Object.assign(Object.assign({}, finalLabelAttrs), {
-            state: {
-              panel: merge$1({}, DEFAULT_STATES$2, null !== (_a = labelBackgroundStates[index]) && void 0 !== _a ? _a : last(labelBackgroundStates)),
-              text: merge$1({}, DEFAULT_STATES$2, null !== (_b = labelStates[index]) && void 0 !== _b ? _b : last(labelStates))
-            }
-          }));
-        return markLabel.name = labelName, container.add(markLabel), this.setLabelPos(markLabel, finalLabelAttrs), markLabel;
-      });
-    this._label = 1 === array(labelShapes).length ? labelShapes[0] : labelShapes;
-  }
-  _updateMarkLabels(defaultLabelAttrs) {
-    const {
-        label: label,
-        state: state
-      } = this.attribute,
-      labelShapes = array(this._label),
-      labelStates = array(null == state ? void 0 : state.label),
-      labelBackgroundStates = array(null == state ? void 0 : state.labelBackground);
-    if (labelShapes.length) {
-      const labels = array(label);
-      labelShapes.forEach((labelItem, index) => {
-        var _a, _b;
-        const finalLabelAttrs = merge$1({}, defaultLabelAttrs, labels[index]);
-        labelItem.setAttributes(Object.assign(Object.assign({
-          dx: 0,
-          dy: 0
-        }, finalLabelAttrs), {
-          state: {
-            panel: merge$1({}, DEFAULT_STATES$2, null !== (_a = labelBackgroundStates[index]) && void 0 !== _a ? _a : last(labelBackgroundStates)),
-            text: merge$1({}, DEFAULT_STATES$2, null !== (_b = labelStates[index]) && void 0 !== _b ? _b : last(labelStates))
-          }
-        })), this.setLabelPos(labelItem, finalLabelAttrs);
-      });
-    }
-  }
-}
-
 class MarkCommonLine extends Marker {
   constructor() {
     super(...arguments), this.name = "markCommonLine", this.defaultUpdateAnimation = DefaultUpdateMarkLineAnimation, this.defaultExitAnimation = DefaultExitMarkerAnimation;
@@ -40093,20 +40027,24 @@ class MarkCommonLine extends Marker {
   getLine() {
     return this._line;
   }
-  setLabelPos(labelNode, labelAttrs) {
+  getLabel() {
+    return this._label;
+  }
+  setLabelPos() {
     const {
+        label = {},
         limitRect: limitRect
       } = this.attribute,
       {
         position: position,
         confine: confine,
         autoRotate: autoRotate
-      } = labelAttrs,
-      labelPoint = this.getPointAttrByPosition(position, labelAttrs),
+      } = label,
+      labelPoint = this.getPointAttrByPosition(position),
       labelAngle = position.toString().toLocaleLowerCase().includes("start") ? this._line.getStartAngle() || 0 : this._line.getEndAngle() || 0;
-    if (labelNode.setAttributes(Object.assign(Object.assign({}, labelPoint.position), {
-      angle: autoRotate ? this.getRotateByAngle(labelPoint.angle, labelAttrs) : 0,
-      textStyle: Object.assign(Object.assign({}, this.getTextStyle(position, labelAngle, autoRotate)), labelAttrs.textStyle)
+    if (this._label.setAttributes(Object.assign(Object.assign({}, labelPoint.position), {
+      angle: autoRotate ? this.getRotateByAngle(labelPoint.angle) : 0,
+      textStyle: Object.assign(Object.assign({}, this.getTextStyle(position, labelAngle, autoRotate)), label.textStyle)
     })), limitRect && confine) {
       const {
         x: x,
@@ -40114,7 +40052,7 @@ class MarkCommonLine extends Marker {
         width: width,
         height: height
       } = limitRect;
-      limitShapeInBounds(labelNode, {
+      limitShapeInBounds(this._label, {
         x1: x,
         y1: y,
         x2: x + width,
@@ -40123,14 +40061,36 @@ class MarkCommonLine extends Marker {
     }
   }
   initMarker(container) {
-    const line = this.createSegment();
-    line.name = "mark-common-line-line", this._line = line, container.add(line), this.addMarkLineLabels(container);
+    const {
+        label: label,
+        state: state
+      } = this.attribute,
+      line = this.createSegment();
+    line.name = "mark-common-line-line", this._line = line, container.add(line);
+    const markLabel = new Tag(Object.assign(Object.assign({}, label), {
+      state: {
+        panel: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.labelBackground),
+        text: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.label)
+      }
+    }));
+    markLabel.name = "mark-common-line-label", this._label = markLabel, container.add(markLabel), this.setLabelPos();
   }
   updateMarker() {
-    this.setLineAttributes(), this.updateMarkLineLabels();
+    const {
+      label: label,
+      state: state
+    } = this.attribute;
+    this.setLineAttributes(), this._label && (this._label.setAttributes(Object.assign(Object.assign({
+      dx: 0,
+      dy: 0
+    }, label), {
+      state: {
+        panel: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.labelBackground),
+        text: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.label)
+      }
+    })), this.setLabelPos());
   }
 }
-mixin(MarkCommonLine, MarkLabelMixin);
 
 const FUZZY_EQUAL_DELTA = .001;
 const DEFAULT_MARK_LINE_THEME = {
@@ -40319,7 +40279,6 @@ const DEFAULT_MARK_ARC_LINE_THEME = {
     lineWidth: 0
   },
   label: {
-    autoRotate: !0,
     position: IMarkCommonArcLabelPosition.arcOuterMiddle,
     refX: 0,
     refY: 0,
@@ -40374,7 +40333,6 @@ const DEFAULT_MARK_AREA_THEME = {
 const DEFAULT_MARK_ARC_AREA_THEME = {
   interactive: !0,
   label: {
-    autoRotate: !0,
     position: IMarkCommonArcLabelPosition.arcOuterMiddle,
     textStyle: {
       fill: "#fff",
@@ -40630,12 +40588,15 @@ class MarkLine extends MarkCommonLine {
   constructor(attributes, options) {
     super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, MarkLine.defaultAttributes, attributes)), this.name = "markLine";
   }
-  getPointAttrByPosition(position, labelAttrs) {
+  getPointAttrByPosition(position) {
     var _a;
     const {
+        label = {}
+      } = this.attribute,
+      {
         refX = 0,
         refY = 0
-      } = labelAttrs,
+      } = label,
       points = this._line.getMainSegmentPoints(),
       lineEndAngle = null !== (_a = this._line.getEndAngle()) && void 0 !== _a ? _a : 0,
       labelAngle = (lineEndAngle),
@@ -40661,9 +40622,9 @@ class MarkLine extends MarkCommonLine {
       angle: labelAngle
     };
   }
-  getRotateByAngle(angle, labelAttrs) {
+  getRotateByAngle(angle) {
     var _a;
-    return (isPostiveXAxis(angle) ? angle : angle - Math.PI) + (null !== (_a = labelAttrs.refAngle) && void 0 !== _a ? _a : 0);
+    return (isPostiveXAxis(angle) ? angle : angle - Math.PI) + (null !== (_a = this.attribute.label.refAngle) && void 0 !== _a ? _a : 0);
   }
   getTextStyle(position, labelAngle, autoRotate) {
     return fuzzyEqualNumber(Math.abs(labelAngle), Math.PI / 2, FUZZY_EQUAL_DELTA) || fuzzyEqualNumber(Math.abs(labelAngle), 3 * Math.PI / 2, FUZZY_EQUAL_DELTA) ? getTextAlignAttrOfVerticalDir(autoRotate, labelAngle, position) : isPostiveXAxis(labelAngle) ? DEFAULT_CARTESIAN_MARK_LINE_TEXT_STYLE_MAP.postiveXAxis[position] : DEFAULT_CARTESIAN_MARK_LINE_TEXT_STYLE_MAP.negativeXAxis[position];
@@ -40729,12 +40690,6 @@ class MarkLine extends MarkCommonLine {
       });else if (!isValidNumber$1(point.x) || !isValidNumber$1(point.y)) return void (validFlag = !1);
     }), validFlag;
   }
-  addMarkLineLabels(container) {
-    this._addMarkLabels(container, "mark-common-line-label", MarkLine.defaultAttributes.label);
-  }
-  updateMarkLineLabels() {
-    this._updateMarkLabels(MarkLine.defaultAttributes.label);
-  }
 }
 MarkLine.defaultAttributes = DEFAULT_MARK_LINE_THEME;
 
@@ -40749,6 +40704,9 @@ class MarkArea extends Marker {
   getArea() {
     return this._area;
   }
+  getLabel() {
+    return this._label;
+  }
   constructor(attributes, options) {
     super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, MarkArea.defaultAttributes, attributes)), this.name = "markArea", this.defaultUpdateAnimation = DefaultUpdateMarkAreaAnimation, this.defaultExitAnimation = DefaultExitMarkerAnimation;
   }
@@ -40765,21 +40723,24 @@ class MarkArea extends Marker {
       };
     return (position.includes("left") || position.includes("Left")) && (result.x = x1), (position.includes("right") || position.includes("Right")) && (result.x = x2), (position.includes("top") || position.includes("Top")) && (result.y = y1), (position.includes("bottom") || position.includes("Bottom")) && (result.y = y2), result;
   }
-  setLabelPos(labelNode, labelAttrs) {
+  setLabelPos() {
     var _a;
-    if (this._area) {
-      const labelPosition = null !== (_a = labelAttrs.position) && void 0 !== _a ? _a : "middle",
+    if (this._label && this._area) {
+      const {
+          label = {}
+        } = this.attribute,
+        labelPosition = null !== (_a = label.position) && void 0 !== _a ? _a : "middle",
         labelPoint = this.getPointAttrByPosition(labelPosition);
-      if (labelNode.setAttributes(Object.assign(Object.assign({}, labelPoint), {
-        textStyle: Object.assign(Object.assign({}, DEFAULT_CARTESIAN_MARK_AREA_TEXT_STYLE_MAP[labelPosition]), labelAttrs.textStyle)
-      })), this.attribute.limitRect && labelAttrs.confine) {
+      if (this._label.setAttributes(Object.assign(Object.assign({}, labelPoint), {
+        textStyle: Object.assign(Object.assign({}, DEFAULT_CARTESIAN_MARK_AREA_TEXT_STYLE_MAP[labelPosition]), label.textStyle)
+      })), this.attribute.limitRect && label.confine) {
         const {
           x: x,
           y: y,
           width: width,
           height: height
         } = this.attribute.limitRect;
-        limitShapeInBounds(labelNode, {
+        limitShapeInBounds(this._label, {
           x1: x,
           y1: y,
           x2: x + width,
@@ -40791,23 +40752,40 @@ class MarkArea extends Marker {
   initMarker(container) {
     const {
         points: points,
+        label: label,
         areaStyle: areaStyle,
         state: state
       } = this.attribute,
       area = graphicCreator.polygon(Object.assign({
         points: points
       }, areaStyle));
-    area.states = merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.area), area.name = "mark-area-polygon", this._area = area, container.add(area), this._addMarkLabels(container, "mark-area-label", MarkArea.defaultAttributes.label);
+    area.states = merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.area), area.name = "mark-area-polygon", this._area = area, container.add(area);
+    const markLabel = new Tag(Object.assign(Object.assign({}, label), {
+      state: {
+        panel: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.labelBackground),
+        text: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.label)
+      }
+    }));
+    markLabel.name = "mark-area-label", this._label = markLabel, container.add(markLabel), this.setLabelPos();
   }
   updateMarker() {
     const {
       points: points,
+      label: label,
       areaStyle: areaStyle,
       state: state
     } = this.attribute;
     this._area && (this._area.setAttributes(Object.assign({
       points: points
-    }, areaStyle)), this._area.states = merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.area)), this._updateMarkLabels(MarkArea.defaultAttributes.label);
+    }, areaStyle)), this._area.states = merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.area)), this._label && this._label.setAttributes(Object.assign(Object.assign({
+      dx: 0,
+      dy: 0
+    }, label), {
+      state: {
+        panel: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.labelBackground),
+        text: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.label)
+      }
+    })), this.setLabelPos();
   }
   isValidPoints() {
     const {
@@ -40820,7 +40798,7 @@ class MarkArea extends Marker {
     }), validFlag;
   }
 }
-MarkArea.defaultAttributes = DEFAULT_MARK_AREA_THEME, mixin(MarkArea, MarkLabelMixin);
+MarkArea.defaultAttributes = DEFAULT_MARK_AREA_THEME;
 
 loadMarkArcLineComponent();
 function registerMarkArcLineAnimate() {
@@ -40831,19 +40809,24 @@ class MarkArcLine extends MarkCommonLine {
     MarkArcLine._animate && this._animationConfig && MarkArcLine._animate(this._line, this._label, this._animationConfig, state);
   }
   constructor(attributes, options) {
-    super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, MarkArcLine.defaultAttributes, attributes)), this.name = "markArcLine";
+    super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, MarkArcLine.defaultAttributes, attributes, {
+      label: {
+        autoRotate: !0
+      }
+    })), this.name = "markArcLine";
   }
-  getPointAttrByPosition(direction, labelAttrs) {
+  getPointAttrByPosition(direction) {
     const {
         center: center,
         radius: radius,
         startAngle: startAngle,
-        endAngle: endAngle
+        endAngle: endAngle,
+        label: label
       } = this.attribute,
       {
         refX = 0,
         refY = 0
-      } = labelAttrs;
+      } = label;
     let angle;
     switch (direction) {
       case IMarkCommonArcLabelPosition.arcInnerStart:
@@ -40873,9 +40856,9 @@ class MarkArcLine extends MarkCommonLine {
   getTextStyle(position) {
     return DEFAULT_POLAR_MARKER_TEXT_STYLE_MAP[position];
   }
-  getRotateByAngle(angle, labelAttrs) {
+  getRotateByAngle(angle) {
     var _a;
-    return angle - Math.PI / 2 + (null !== (_a = labelAttrs.refAngle) && void 0 !== _a ? _a : 0);
+    return angle - Math.PI / 2 + (null !== (_a = this.attribute.label.refAngle) && void 0 !== _a ? _a : 0);
   }
   createSegment() {
     const {
@@ -40932,12 +40915,6 @@ class MarkArcLine extends MarkCommonLine {
   isValidPoints() {
     return !0;
   }
-  addMarkLineLabels(container) {
-    this._addMarkLabels(container, "mark-common-line-label", MarkArcLine.defaultAttributes.label);
-  }
-  updateMarkLineLabels() {
-    this._updateMarkLabels(MarkArcLine.defaultAttributes.label);
-  }
 }
 MarkArcLine.defaultAttributes = DEFAULT_MARK_ARC_LINE_THEME;
 
@@ -40952,21 +40929,29 @@ class MarkArcArea extends Marker {
   getArea() {
     return this._area;
   }
+  getLabel() {
+    return this._label;
+  }
   constructor(attributes, options) {
-    super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, MarkArcArea.defaultAttributes, attributes)), this.name = "markArcArea", this.defaultUpdateAnimation = DefaultUpdateMarkAreaAnimation, this.defaultExitAnimation = DefaultExitMarkerAnimation;
+    super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, MarkArcArea.defaultAttributes, attributes, {
+      label: {
+        autoRotate: !0
+      }
+    })), this.name = "markArcArea", this.defaultUpdateAnimation = DefaultUpdateMarkAreaAnimation, this.defaultExitAnimation = DefaultExitMarkerAnimation;
   }
-  getPointAttrByPosition(position, labelAttrs) {
+  getPointAttrByPosition(position) {
     const {
         center: center,
         innerRadius: innerRadius,
         outerRadius: outerRadius,
         startAngle: startAngle,
-        endAngle: endAngle
+        endAngle: endAngle,
+        label: label
       } = this.attribute,
       {
         refX = 0,
         refY = 0
-      } = labelAttrs;
+      } = label;
     let radius, angle;
     switch (position) {
       case IMarkCommonArcLabelPosition.center:
@@ -41001,25 +40986,28 @@ class MarkArcArea extends Marker {
       angle: angle
     };
   }
-  setLabelPos(labelNode, labelAttrs) {
+  setLabelPos() {
     var _a;
-    if (this._area) {
+    if (this._label && this._area) {
       const {
+          label = {}
+        } = this.attribute,
+        {
           position: labelPosition = "arcInnerMiddle",
           autoRotate: autoRotate
-        } = labelAttrs,
-        labelAttr = this.getPointAttrByPosition(labelPosition, labelAttrs);
-      if (labelNode.setAttributes(Object.assign(Object.assign({}, labelAttr.position), {
-        angle: autoRotate ? labelAttr.angle - Math.PI / 2 + (null !== (_a = labelAttrs.refAngle) && void 0 !== _a ? _a : 0) : 0,
-        textStyle: Object.assign(Object.assign({}, DEFAULT_POLAR_MARKER_TEXT_STYLE_MAP[labelPosition]), labelAttrs.textStyle)
-      })), this.attribute.limitRect && labelAttrs.confine) {
+        } = label,
+        labelAttr = this.getPointAttrByPosition(labelPosition);
+      if (this._label.setAttributes(Object.assign(Object.assign({}, labelAttr.position), {
+        angle: autoRotate ? labelAttr.angle - Math.PI / 2 + (null !== (_a = label.refAngle) && void 0 !== _a ? _a : 0) : 0,
+        textStyle: Object.assign(Object.assign({}, DEFAULT_POLAR_MARKER_TEXT_STYLE_MAP[labelPosition]), label.textStyle)
+      })), this.attribute.limitRect && label.confine) {
         const {
           x: x,
           y: y,
           width: width,
           height: height
         } = this.attribute.limitRect;
-        limitShapeInBounds(labelNode, {
+        limitShapeInBounds(this._label, {
           x1: x,
           y1: y,
           x2: x + width,
@@ -41036,6 +41024,7 @@ class MarkArcArea extends Marker {
         startAngle: startAngle,
         endAngle: endAngle,
         areaStyle: areaStyle,
+        label: label,
         state: state
       } = this.attribute,
       area = graphicCreator.arc(Object.assign({
@@ -41046,7 +41035,14 @@ class MarkArcArea extends Marker {
         startAngle: startAngle,
         endAngle: endAngle
       }, areaStyle));
-    area.states = merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.area), area.name = "polar-mark-area-area", this._area = area, container.add(area), this._addMarkLabels(container, "mark-area-label", MarkArcArea.defaultAttributes.label);
+    area.states = merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.area), area.name = "polar-mark-area-area", this._area = area, container.add(area);
+    const markLabel = new Tag(Object.assign(Object.assign({}, label), {
+      state: {
+        panel: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.labelBackground),
+        text: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.label)
+      }
+    }));
+    markLabel.name = "mark-area-label", this._label = markLabel, container.add(markLabel), this.setLabelPos();
   }
   updateMarker() {
     const {
@@ -41066,13 +41062,21 @@ class MarkArcArea extends Marker {
       outerRadius: outerRadius,
       startAngle: startAngle,
       endAngle: endAngle
-    }, areaStyle)), this._area.states = merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.area)), this._updateMarkLabels(MarkArcArea.defaultAttributes.label);
+    }, areaStyle)), this._area.states = merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.area)), this._label && (this._label.setAttributes(Object.assign(Object.assign({
+      dx: 0,
+      dy: 0
+    }, label), {
+      state: {
+        panel: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.labelBackground),
+        text: merge$1({}, DEFAULT_STATES$2, null == state ? void 0 : state.label)
+      }
+    })), this.setLabelPos());
   }
   isValidPoints() {
     return !0;
   }
 }
-MarkArcArea.defaultAttributes = DEFAULT_MARK_ARC_AREA_THEME, mixin(MarkArcArea, MarkLabelMixin);
+MarkArcArea.defaultAttributes = DEFAULT_MARK_ARC_AREA_THEME;
 
 loadMarkPointComponent();
 function registerMarkPointAnimate() {
@@ -59551,6 +59555,9 @@ class BaseModel extends CompilableBase {
     }
     beforeRelease() {
     }
+    clear() {
+        this.getMarks().forEach(m => { var _a; return (_a = m.clear) === null || _a === void 0 ? void 0 : _a.call(m); });
+    }
     release() {
         var _a;
         this._releaseEvent();
@@ -61703,6 +61710,9 @@ class CompilableMark extends GrammarItem {
         }
         return undefined;
     }
+    clear() {
+        this._event.off(HOOK_EVENT.AFTER_DO_RENDER);
+    }
     release() {
         super.release();
         this.state.release();
@@ -63652,7 +63662,7 @@ const registerVChartCore = () => {
 };
 registerVChartCore();
 
-const version = "1.13.9-alpha.1";
+const version = "1.13.9-alpha.11";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -67799,6 +67809,9 @@ class AxisComponent extends BaseComponent {
             if (spec.label.state) {
                 axisAttrs.label.state = transformAxisLabelStateStyle(spec.label.state);
             }
+            if (isFunction$1(spec.label.dataFilter)) {
+                axisAttrs.label.dataFilter = (data, layer) => spec.label.dataFilter(data, layer, { vchart: this._option.globalInstance });
+            }
         }
         else {
             axisAttrs.label = {
@@ -67811,7 +67824,9 @@ class AxisComponent extends BaseComponent {
                 length: spec.tick.tickSize,
                 inside: spec.tick.inside,
                 alignWithLabel: spec.tick.alignWithLabel,
-                dataFilter: spec.tick.dataFilter
+                dataFilter: isFunction$1(spec.tick.dataFilter)
+                    ? (data) => spec.tick.dataFilter(data, { vchart: this._option.globalInstance })
+                    : undefined
             };
             if (spec.tick.style) {
                 axisAttrs.tick.style = isFunction$1(spec.tick.style)
@@ -71064,58 +71079,83 @@ class BaseChart extends CompilableBase {
             }
         });
     }
-    _setStateInDatum(stateKey, checkReverse, datum, filter, region) {
+    filterGraphicsByDatum(datum, opt = {}) {
+        var _a;
         datum = datum ? array(datum) : null;
         const keys = !datum ? null : Object.keys(datum[0]);
-        this.getRegionsInQuerier(region).forEach(r => {
-            if (!datum) {
-                r.interaction.clearEventElement(stateKey, true);
-                return;
-            }
-            r.getSeries().forEach(s => {
-                s.getMarks().forEach(m => {
-                    if (!m.getProduct()) {
-                        return;
-                    }
-                    if (!filter || (isFunction$1(filter) && filter(s, m))) {
-                        const isCollect = m.getProduct().isCollectionMark();
-                        const elements = m.getProduct().elements;
-                        let pickElements = [];
-                        if (isCollect) {
-                            pickElements = elements.filter(e => {
-                                const elDatum = e.getDatum();
-                                datum.every((d, index) => keys.every(k => d[k] == elDatum[index][k]));
-                            });
+        const allElements = [];
+        const getDatumOfElement = (_a = opt.getDatum) !== null && _a !== void 0 ? _a : ((el) => el.getDatum());
+        this.getRegionsInQuerier(opt.region).forEach(r => {
+            const pickElements = [];
+            datum &&
+                r.getSeries().forEach(s => {
+                    s.getMarks().forEach(m => {
+                        if (!m.getProduct()) {
+                            return;
                         }
-                        else {
-                            if (datum.length > 1) {
-                                const datumTemp = datum.slice();
-                                pickElements = elements.filter(e => {
-                                    if (datumTemp.length === 0) {
-                                        return false;
-                                    }
-                                    const elDatum = e.getDatum();
-                                    const index = datumTemp.findIndex(d => keys.every(k => d[k] == elDatum[k]));
-                                    if (index >= 0) {
-                                        datumTemp.splice(index, 1);
-                                        return true;
+                        if (!opt.filter || (isFunction$1(opt.filter) && opt.filter(s, m))) {
+                            const isCollect = m.getProduct().isCollectionMark();
+                            const elements = m.getProduct().elements;
+                            if (isCollect) {
+                                elements.filter(e => {
+                                    const elDatum = getDatumOfElement(e, m, s, r);
+                                    const isPick = elDatum && datum.every((d, index) => keys.every(k => d[k] == elDatum[index][k]));
+                                    if (isPick) {
+                                        pickElements.push(e);
+                                        allElements.push(e);
+                                        opt.callback && opt.callback(e, m, s, r);
                                     }
-                                    return false;
                                 });
                             }
                             else {
-                                const el = elements.find(e => keys.every(k => datum[0][k] == e.getDatum()[k]));
-                                el && (pickElements = [el]);
+                                if (datum.length > 1) {
+                                    const datumTemp = datum.slice();
+                                    elements.forEach(e => {
+                                        const elDatum = getDatumOfElement(e, m, s, r);
+                                        const index = elDatum && datumTemp.findIndex(d => keys.every(k => d[k] == elDatum[k]));
+                                        if (index >= 0) {
+                                            datumTemp.splice(index, 1);
+                                            pickElements.push(e);
+                                            allElements.push(e);
+                                            opt.callback && opt.callback(e, m, s, r);
+                                        }
+                                    });
+                                }
+                                else {
+                                    const el = elements.find(e => {
+                                        const elDatum = getDatumOfElement(e, m, s, r);
+                                        return elDatum && keys.every(k => datum[0][k] == elDatum[k]);
+                                    });
+                                    if (el) {
+                                        pickElements.push(el);
+                                        allElements.push(el);
+                                        opt.callback && opt.callback(el, m, s, r);
+                                    }
+                                }
                             }
                         }
-                        pickElements.forEach(element => {
-                            r.interaction.startInteraction(stateKey, element);
-                        });
-                    }
+                    });
                 });
-            });
-            if (checkReverse) {
-                r.interaction.reverseEventElement(stateKey);
+            opt.regionCallback && opt.regionCallback(pickElements, r);
+        });
+        return allElements;
+    }
+    _setStateInDatum(stateKey, checkReverse, datum, filter, region) {
+        this.filterGraphicsByDatum(datum, {
+            filter,
+            region,
+            regionCallback: (elements, r) => {
+                if (!datum) {
+                    r.interaction.clearEventElement(stateKey, true);
+                }
+                else if (elements.length) {
+                    elements.forEach(e => {
+                        r.interaction.startInteraction(stateKey, e);
+                    });
+                    if (checkReverse) {
+                        r.interaction.reverseEventElement(stateKey);
+                    }
+                }
             }
         });
     }
@@ -72715,9 +72755,7 @@ class BarSeries extends CartesianSeries {
                     else if (domainMin > 0) {
                         return scale.scale(domainMin);
                     }
-                    else {
-                        return scale.scale(0);
-                    }
+                    return scale.scale(0);
                 }
             }
         };
@@ -76925,7 +76963,7 @@ const pie = (originData, op) => {
         return data;
     }
     if (!showAllZero && showEmptyCircle && isDataEmpty(data, angleField, supportNegative)) {
-        return data;
+        return [];
     }
     const appendArcInfo = (data, startAngle, angle) => {
         data[asStartAngle] = startAngle;
@@ -77414,6 +77452,7 @@ class BasePieSeries extends PolarSeries {
             }, {
                 dataView: false
             });
+            this._emptyArcMark.setDepend(this._pieMark);
         }
     }
     startAngleScale(datum) {
@@ -77449,8 +77488,8 @@ class BasePieSeries extends PolarSeries {
         const emptyPieMark = this._emptyArcMark;
         if (emptyPieMark) {
             this.setMarkStyle(emptyPieMark, Object.assign(Object.assign({}, initialStyle), { visible: () => {
-                    const angleField = this.getAngleField()[0];
-                    return isDataEmpty(this.getViewData().latestData, angleField, this._supportNegative);
+                    const data = this.getViewData().latestData;
+                    return !data || !data.length;
                 } }), 'normal', AttributeLevel.Series);
         }
     }
@@ -89889,21 +89928,21 @@ function isValidStrokeOrFill(attr) {
     return isValid$1(attr) && attr !== 'none' && !((_a = attr.includes) === null || _a === void 0 ? void 0 : _a.call(attr, 'url'));
 }
 const getLineWidth = (attributes) => {
-    const strokeWidth = parseFloat(attributes['strokeWidth']);
+    const strokeWidth = parseFloat(attributes.strokeWidth);
     if (!isNaN(strokeWidth)) {
         return strokeWidth;
     }
-    const stroke = attributes['stroke'];
+    const stroke = attributes.stroke;
     return stroke && isValidStrokeOrFill(stroke) ? 1 : 0;
 };
 const getFill = (attributes, defaultFill) => {
     var _a;
-    const fill = (_a = attributes['fill']) !== null && _a !== void 0 ? _a : defaultFill;
+    const fill = (_a = attributes.fill) !== null && _a !== void 0 ? _a : defaultFill;
     return fill && isValidStrokeOrFill(fill) ? fill : undefined;
 };
 const getStroke = (attributes, defaultStroke) => {
     var _a;
-    const stroke = (_a = attributes['stroke']) !== null && _a !== void 0 ? _a : defaultStroke;
+    const stroke = (_a = attributes.stroke) !== null && _a !== void 0 ? _a : defaultStroke;
     return stroke && isValidStrokeOrFill(stroke) ? stroke : false;
 };
 const commonAttributes = (attributes) => {
@@ -89912,7 +89951,7 @@ const commonAttributes = (attributes) => {
 const graphicAttributeTransform = {
     group: (attributes) => {
         const common = commonAttributes(attributes);
-        return Object.assign(Object.assign({}, common), { visibleAll: common['visible'] !== false });
+        return Object.assign(Object.assign({}, common), { visibleAll: common.visible !== false });
     },
     rule: (attributes) => {
         return Object.assign(Object.assign({}, commonAttributes(attributes)), { x: parseFloat(attributes.x1), y: parseFloat(attributes.y1), x1: parseFloat(attributes.x2), y1: parseFloat(attributes.y2) });
@@ -89963,7 +90002,7 @@ const pictogram = (data) => {
             el._uniqueId = `${el.id}-${index}`;
             el.data = undefined;
             const { graphicType: type, transform } = el;
-            let finalAttributes = {
+            const finalAttributes = {
                 visible: el.attributes.visibility !== 'hidden' && el.attributes.visibility !== 'collapse'
             };
             if (el.graphicType === 'text') {
@@ -89998,7 +90037,7 @@ const pictogram = (data) => {
                 return result;
             });
             if (children && children.length) {
-                let startX = (_b = (_a = texts[i]._textGroupStyle) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0;
+                const startX = (_b = (_a = texts[i]._textGroupStyle) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0;
                 let curX = startX;
                 for (let j = 0; j < children.length; j++) {
                     const currentChild = children[j];
@@ -91974,49 +92013,40 @@ class SankeyChart extends BaseChart {
     }
     _setStateInDatum(stateKey, checkReverse, datum, filter, region) {
         const activeDatum = isArray$1(datum) ? datum[0] : datum;
-        const keys = !activeDatum ? null : Object.keys(activeDatum);
-        this.getRegionsInQuerier(region).forEach(r => {
-            if (!activeDatum) {
-                r.interaction.clearEventElement(stateKey, true);
-                return;
-            }
-            let hasPick = false;
-            r.getSeries().forEach(s => {
-                var _a, _b;
-                let activeNodeOrLink = null;
-                s.getMarksWithoutRoot().forEach(m => {
-                    if (m.type === 'text') {
-                        return;
-                    }
-                    let pickElement = null;
-                    const mark = m.getProduct();
-                    if (!mark) {
-                        return;
-                    }
-                    if (!filter || (isFunction$1(filter) && filter(s, m))) {
-                        pickElement = mark.elements.find((e) => keys.every(k => {
-                            var _a;
-                            let datum = (_a = e.getDatum()) === null || _a === void 0 ? void 0 : _a.datum;
-                            if (isArray$1(datum)) {
-                                datum = datum[0];
-                            }
-                            return activeDatum[k] == (datum === null || datum === void 0 ? void 0 : datum[k]);
-                        }));
-                    }
-                    if (pickElement) {
-                        hasPick = true;
-                        r.interaction.startInteraction(stateKey, pickElement);
-                        if (mark.id().includes('node') || mark.id().includes('link')) {
-                            activeNodeOrLink = pickElement;
-                        }
+        const markFilter = (series, mark) => {
+            return mark.type !== 'text' && mark.getProduct() && (!filter || filter(series, mark));
+        };
+        this.filterGraphicsByDatum(activeDatum, {
+            filter: markFilter,
+            region,
+            getDatum: e => {
+                var _a;
+                let d = (_a = e.getDatum()) === null || _a === void 0 ? void 0 : _a.datum;
+                if (isArray$1(d)) {
+                    d = d[0];
+                }
+                return d;
+            },
+            callback: (element, mark, s, r) => {
+                var _a, _b, _c;
+                const id = (_a = mark.getProduct()) === null || _a === void 0 ? void 0 : _a.id();
+                if (id && (id.includes('node') || id.includes('link'))) {
+                    (_c = (_b = s)._handleEmphasisElement) === null || _c === void 0 ? void 0 : _c.call(_b, { item: element });
+                }
+            },
+            regionCallback: (elements, r) => {
+                if (!activeDatum) {
+                    r.interaction.clearEventElement(stateKey, true);
+                    return;
+                }
+                else if (elements.length) {
+                    elements.forEach(e => {
+                        r.interaction.startInteraction(stateKey, e);
+                    });
+                    if (checkReverse) {
+                        r.interaction.reverseEventElement(stateKey);
                     }
-                });
-                if (activeNodeOrLink) {
-                    (_b = (_a = s)._handleEmphasisElement) === null || _b === void 0 ? void 0 : _b.call(_a, { item: activeNodeOrLink });
                 }
-            });
-            if (checkReverse && hasPick) {
-                r.interaction.reverseEventElement(stateKey);
             }
         });
     }
@@ -97471,17 +97501,22 @@ function computeOffsetFromRegion(point, offset, region) {
     }
     return offset;
 }
+function getProcessInfo(spec) {
+    return {
+        isXProcess: isValid$1(spec.x),
+        isYProcess: isValid$1(spec.y),
+        isX1Process: isValid$1(spec.x1),
+        isY1Process: isValid$1(spec.y1),
+        isAngleProcess: isValid$1(spec.angle),
+        isRadiusProcess: isValid$1(spec.radius),
+        isAngle1Process: isValid$1(spec.angle1),
+        isRadius1Process: isValid$1(spec.radius1),
+        isCoordinatesProcess: isValid$1(spec.coordinates),
+        isValidProcess: isValid$1(spec.process)
+    };
+}
 function getMarkLineProcessInfo(spec) {
-    const isXProcess = 'x' in spec;
-    const isYProcess = 'y' in spec;
-    const isX1Process = 'x1' in spec;
-    const isY1Process = 'y1' in spec;
-    const isAngleProcess = 'angle' in spec;
-    const isRadiusProcess = 'radius' in spec;
-    const isAngle1Process = 'angle1' in spec;
-    const isRadius1Process = 'radius1' in spec;
-    const isCoordinatesProcess = 'coordinates' in spec;
-    const isValidProcess = 'process' in spec;
+    const { isXProcess, isYProcess, isX1Process, isY1Process, isAngleProcess, isRadiusProcess, isAngle1Process, isRadius1Process, isCoordinatesProcess, isValidProcess } = getProcessInfo(spec);
     return {
         doXProcess: isXProcess && !isYProcess && !isY1Process,
         doXYY1Process: isXProcess && isYProcess && isY1Process,
@@ -97497,15 +97532,7 @@ function getMarkLineProcessInfo(spec) {
     };
 }
 function getMarkAreaProcessInfo(spec) {
-    const isXProcess = 'x' in spec;
-    const isX1Process = 'x1' in spec;
-    const isYProcess = 'y' in spec;
-    const isY1Process = 'y1' in spec;
-    const isAngleProcess = 'angle' in spec;
-    const isRadiusProcess = 'radius' in spec;
-    const isAngle1Process = 'angle1' in spec;
-    const isRadius1Process = 'radius1' in spec;
-    const isCoordinatesProcess = 'coordinates' in spec;
+    const { isXProcess, isYProcess, isX1Process, isY1Process, isAngleProcess, isRadiusProcess, isAngle1Process, isRadius1Process, isCoordinatesProcess } = getProcessInfo(spec);
     return {
         doXProcess: isXProcess && isX1Process && !isYProcess && !isY1Process,
         doYProcess: isYProcess && isY1Process && !isXProcess && !isX1Process,
@@ -98023,14 +98050,13 @@ class BaseMarkLine extends BaseMarker {
         return 'cartesian';
     }
     _createMarkerComponent() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-        const { startSymbol = {}, endSymbol = {} } = this._spec;
-        const label = array((_a = this._spec.label) !== null && _a !== void 0 ? _a : {});
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        const { label = {}, startSymbol = {}, endSymbol = {} } = this._spec;
         const markLineAttrs = {
             zIndex: this.layoutZIndex,
-            interactive: (_b = this._spec.interactive) !== null && _b !== void 0 ? _b : true,
-            hover: (_c = this._spec.interactive) !== null && _c !== void 0 ? _c : true,
-            select: (_d = this._spec.interactive) !== null && _d !== void 0 ? _d : true,
+            interactive: (_a = this._spec.interactive) !== null && _a !== void 0 ? _a : true,
+            hover: (_b = this._spec.interactive) !== null && _b !== void 0 ? _b : true,
+            select: (_c = this._spec.interactive) !== null && _c !== void 0 ? _c : true,
             points: [
                 { x: 0, y: 0 },
                 { x: 0, y: 0 }
@@ -98042,25 +98068,17 @@ class BaseMarkLine extends BaseMarker {
             radius: 0,
             startAngle: 0,
             endAngle: 0,
-            lineStyle: transformStyle(transformToGraphic((_e = this._spec.line) === null || _e === void 0 ? void 0 : _e.style), this._markerData, this._markAttributeContext),
-            clipInRange: (_f = this._spec.clip) !== null && _f !== void 0 ? _f : false,
-            label: label.map(labelItem => {
-                return transformLabelAttributes(labelItem, this._markerData, this._markAttributeContext);
-            }),
+            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, this._markAttributeContext),
             state: {
-                line: transformState((_h = (_g = this._spec.line) === null || _g === void 0 ? void 0 : _g.state) !== null && _h !== void 0 ? _h : {}, this._markerData, this._markAttributeContext),
-                lineStartSymbol: transformState((_k = (_j = this._spec.startSymbol) === null || _j === void 0 ? void 0 : _j.state) !== null && _k !== void 0 ? _k : {}, this._markerData, this._markAttributeContext),
-                lineEndSymbol: transformState((_m = (_l = this._spec.endSymbol) === null || _l === void 0 ? void 0 : _l.state) !== null && _m !== void 0 ? _m : {}, this._markerData, this._markAttributeContext),
-                label: label.map(labelItem => {
-                    var _a;
-                    return transformState((_a = labelItem.state) !== null && _a !== void 0 ? _a : {}, this._markerData, this._markAttributeContext);
-                }),
-                labelBackground: label.map(labelItem => {
-                    var _a, _b;
-                    return transformState((_b = (_a = labelItem.labelBackground) === null || _a === void 0 ? void 0 : _a.state) !== null && _b !== void 0 ? _b : {}, this._markerData, this._markAttributeContext);
-                })
+                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: (_o = this._spec.animation) !== null && _o !== void 0 ? _o : false,
+            animation: (_u = this._spec.animation) !== null && _u !== void 0 ? _u : false,
             animationEnter: this._spec.animationEnter,
             animationExit: this._spec.animationExit,
             animationUpdate: this._spec.animationUpdate
@@ -98085,7 +98103,7 @@ class BaseMarkLine extends BaseMarker {
         return markLine;
     }
     _getUpdateMarkerAttrs() {
-        var _a, _b;
+        var _a, _b, _c, _d;
         const spec = this._spec;
         const data = this._markerData;
         const startRelativeSeries = this._startRelativeSeries;
@@ -98095,7 +98113,7 @@ class BaseMarkLine extends BaseMarker {
         const seriesData = relativeSeries.getViewData().latestData;
         const dataPoints = data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
         let limitRect;
-        if (spec.clip || array(spec.label).some(labelCfg => labelCfg === null || labelCfg === void 0 ? void 0 : labelCfg.confine)) {
+        if (spec.clip || ((_a = spec.label) === null || _a === void 0 ? void 0 : _a.confine)) {
             const { minX, maxX, minY, maxY } = computeClipRange([
                 startRelativeSeries.getRegion(),
                 endRelativeSeries.getRegion(),
@@ -98108,13 +98126,10 @@ class BaseMarkLine extends BaseMarker {
                 height: maxY - minY
             };
         }
-        const markerComponentAttr = (_b = (_a = this._markerComponent) === null || _a === void 0 ? void 0 : _a.attribute) !== null && _b !== void 0 ? _b : {};
-        const prevLabelAttrs = array(markerComponentAttr.label);
-        const specLabels = array(this._spec.label);
-        const labelAttrs = prevLabelAttrs.map((prevLabel, index) => {
-            const specLabel = specLabels[index] || {};
-            return Object.assign(Object.assign({}, prevLabel), { text: specLabel.formatMethod ? specLabel.formatMethod(dataPoints, seriesData) : prevLabel === null || prevLabel === void 0 ? void 0 : prevLabel.text });
-        });
+        const markerComponentAttr = (_c = (_b = this._markerComponent) === null || _b === void 0 ? void 0 : _b.attribute) !== null && _c !== void 0 ? _c : {};
+        const labelAttrs = Object.assign(Object.assign({}, markerComponentAttr.label), { text: this._spec.label.formatMethod
+                ? this._spec.label.formatMethod(dataPoints, seriesData)
+                : (_d = markerComponentAttr.label) === null || _d === void 0 ? void 0 : _d.text });
         return Object.assign(Object.assign({}, pointsAttr), { label: labelAttrs, limitRect, dx: this._layoutOffsetX, dy: this._layoutOffsetY });
     }
     _markerLayout() {
@@ -98216,7 +98231,7 @@ class CartesianMarkLine extends BaseMarkLine {
         return { points };
     }
     _markerLayout() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         const updateAttrs = this._getUpdateMarkerAttrs();
         if (this._spec.type === 'type-step') {
             const startRelativeSeries = this._startRelativeSeries;
@@ -98243,7 +98258,7 @@ class CartesianMarkLine extends BaseMarkLine {
             else {
                 expandDistanceValue = expandDistance;
             }
-            const { points, limitRect } = updateAttrs;
+            const { points, label, limitRect } = updateAttrs;
             const joinPoints = getInsertPoints(points[0], points[1], connectDirection, expandDistanceValue);
             let labelPositionAttrs;
             if (multiSegment && isValid$1(mainSegmentIndex)) {
@@ -98257,10 +98272,20 @@ class CartesianMarkLine extends BaseMarkLine {
             else {
                 labelPositionAttrs = Object.assign(Object.assign({ position: 'start', autoRotate: false }, getTextOffset(points[0], points[1], connectDirection, expandDistanceValue)), { refX: 0, refY: 0 });
             }
-            const markerComponentAttr = (_b = (_a = this._markerComponent) === null || _a === void 0 ? void 0 : _a.attribute) !== null && _b !== void 0 ? _b : {};
-            const prevLabelAttrs = array(markerComponentAttr.label);
-            const label = array((_c = updateAttrs.label) !== null && _c !== void 0 ? _c : {});
-            (_d = this._markerComponent) === null || _d === void 0 ? void 0 : _d.setAttributes({
+            if (isValidNumber$1((_a = this._spec.label) === null || _a === void 0 ? void 0 : _a.refX)) {
+                labelPositionAttrs.refX += this._spec.label.refX;
+            }
+            if (isValidNumber$1((_b = this._spec.label) === null || _b === void 0 ? void 0 : _b.refY)) {
+                labelPositionAttrs.refY += this._spec.label.refY;
+            }
+            if (isValidNumber$1((_c = this._spec.label) === null || _c === void 0 ? void 0 : _c.dx)) {
+                labelPositionAttrs.dx = (labelPositionAttrs.dx || 0) + this._spec.label.dx;
+            }
+            if (isValidNumber$1((_d = this._spec.label) === null || _d === void 0 ? void 0 : _d.dy)) {
+                labelPositionAttrs.dy = (labelPositionAttrs.dy || 0) + this._spec.label.dy;
+            }
+            const markerComponentAttr = (_f = (_e = this._markerComponent) === null || _e === void 0 ? void 0 : _e.attribute) !== null && _f !== void 0 ? _f : {};
+            (_g = this._markerComponent) === null || _g === void 0 ? void 0 : _g.setAttributes({
                 points: multiSegment
                     ? [
                         [joinPoints[0], joinPoints[1]],
@@ -98268,22 +98293,7 @@ class CartesianMarkLine extends BaseMarkLine {
                         [joinPoints[2], joinPoints[3]]
                     ]
                     : joinPoints,
-                label: label.map((labelItem, index) => {
-                    var _a;
-                    if (isValidNumber$1(labelItem === null || labelItem === void 0 ? void 0 : labelItem.refX)) {
-                        labelPositionAttrs.refX += labelItem.refX;
-                    }
-                    if (isValidNumber$1(labelItem === null || labelItem === void 0 ? void 0 : labelItem.refY)) {
-                        labelPositionAttrs.refY += labelItem.refY;
-                    }
-                    if (isValidNumber$1(labelItem === null || labelItem === void 0 ? void 0 : labelItem.dx)) {
-                        labelPositionAttrs.dx = (labelPositionAttrs.dx || 0) + labelItem.dx;
-                    }
-                    if (isValidNumber$1(labelItem === null || labelItem === void 0 ? void 0 : labelItem.dy)) {
-                        labelPositionAttrs.dy = (labelPositionAttrs.dy || 0) + labelItem.dy;
-                    }
-                    return Object.assign(Object.assign(Object.assign({}, labelItem), labelPositionAttrs), { textStyle: Object.assign(Object.assign({}, (_a = prevLabelAttrs[index]) === null || _a === void 0 ? void 0 : _a.textStyle), { textAlign: 'center', textBaseline: 'middle' }) });
-                }),
+                label: Object.assign(Object.assign(Object.assign({}, label), labelPositionAttrs), { textStyle: Object.assign(Object.assign({}, markerComponentAttr.label.textStyle), { textAlign: 'center', textBaseline: 'middle' }) }),
                 limitRect,
                 multiSegment,
                 mainSegmentIndex,
@@ -98292,7 +98302,7 @@ class CartesianMarkLine extends BaseMarkLine {
             });
         }
         else {
-            (_e = this._markerComponent) === null || _e === void 0 ? void 0 : _e.setAttributes(updateAttrs);
+            (_h = this._markerComponent) === null || _h === void 0 ? void 0 : _h.setAttributes(updateAttrs);
         }
     }
     _computeOptions() {
@@ -98356,15 +98366,15 @@ class CartesianMarkLine extends BaseMarkLine {
                 type: 'markerAggregation',
                 options
             });
-            if (spec.process && 'x' in spec.process) {
+            if (spec.process && isValid$1(spec.process.x)) {
                 options = [this._processSpecByDims([{ dim: 'x', specValue: spec.process.x }])];
                 needAggr = true;
             }
-            if (spec.process && 'y' in spec.process) {
+            if (spec.process && isValid$1(spec.process.y)) {
                 options = options = [this._processSpecByDims([{ dim: 'y', specValue: spec.process.y }])];
                 needAggr = true;
             }
-            if (spec.process && 'xy' in spec.process) {
+            if (spec.process && isValid$1(spec.process.xy)) {
                 const { xField, yField } = relativeSeries.getSpec();
                 options = {
                     fieldX: xField,
@@ -98646,8 +98656,8 @@ class BaseMarkArea extends BaseMarker {
         return 'cartesian';
     }
     _createMarkerComponent() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const label = array((_a = this._spec.label) !== null && _a !== void 0 ? _a : {});
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        const label = (_a = this._spec.label) !== null && _a !== void 0 ? _a : {};
         const markAreaAttrs = {
             zIndex: this.layoutZIndex,
             interactive: (_b = this._spec.interactive) !== null && _b !== void 0 ? _b : true,
@@ -98669,20 +98679,13 @@ class BaseMarkArea extends BaseMarker {
             endAngle: 0,
             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: label.map((labelItem) => {
-                return transformLabelAttributes(labelItem, this._markerData, this._markAttributeContext);
-            }),
+            label: transformLabelAttributes(label, this._markerData, this._markAttributeContext),
             state: {
                 area: transformState((_g = this._spec.area) === null || _g === void 0 ? void 0 : _g.state, this._markerData, this._markAttributeContext),
-                label: label.map((labelItem) => {
-                    return transformState(labelItem.state, this._markerData, this._markAttributeContext);
-                }),
-                labelBackground: label.map((labelItem) => {
-                    var _a;
-                    return transformState((_a = labelItem.labelBackground) === null || _a === void 0 ? void 0 : _a.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: (_h = this._spec.animation) !== null && _h !== void 0 ? _h : false,
+            animation: (_m = this._spec.animation) !== null && _m !== void 0 ? _m : false,
             animationEnter: this._spec.animationEnter,
             animationExit: this._spec.animationExit,
             animationUpdate: this._spec.animationUpdate
@@ -98691,7 +98694,7 @@ class BaseMarkArea extends BaseMarker {
         return markArea;
     }
     _markerLayout() {
-        var _a;
+        var _a, _b, _c, _d;
         const spec = this._spec;
         const data = this._markerData;
         const startRelativeSeries = this._startRelativeSeries;
@@ -98705,7 +98708,7 @@ class BaseMarkArea extends BaseMarker {
                 : data.latestData
             : seriesData;
         let limitRect;
-        if (spec.clip || array(spec.label).some(labelCfg => labelCfg === null || labelCfg === void 0 ? void 0 : labelCfg.confine)) {
+        if (spec.clip || ((_a = spec.label) === null || _a === void 0 ? void 0 : _a.confine)) {
             const { minX, maxX, minY, maxY } = computeClipRange([
                 startRelativeSeries.getRegion(),
                 endRelativeSeries.getRegion(),
@@ -98719,15 +98722,10 @@ class BaseMarkArea extends BaseMarker {
             };
         }
         if (this._markerComponent) {
-            const prevLabelAttrs = array((_a = this._markerComponent.attribute) === null || _a === void 0 ? void 0 : _a.label);
-            const specLabels = array(this._spec.label);
-            this._markerComponent.setAttributes(Object.assign(Object.assign({}, pointsAttr), { label: prevLabelAttrs.map((prevLabel, index) => {
-                    const specLabel = specLabels[index] || {};
-                    return Object.assign(Object.assign({}, prevLabel), { text: specLabel.formatMethod
-                            ?
-                                specLabel.formatMethod(dataPoints, seriesData)
-                            : prevLabel === null || prevLabel === void 0 ? void 0 : prevLabel.text });
-                }), limitRect, dx: this._layoutOffsetX, dy: this._layoutOffsetY }));
+            this._markerComponent.setAttributes(Object.assign(Object.assign({}, pointsAttr), { label: Object.assign(Object.assign({}, (_b = this._markerComponent.attribute) === null || _b === void 0 ? void 0 : _b.label), { text: this._spec.label.formatMethod
+                        ?
+                            this._spec.label.formatMethod(dataPoints, seriesData)
+                        : (_d = (_c = this._markerComponent.attribute) === null || _c === void 0 ? void 0 : _c.label) === null || _d === void 0 ? void 0 : _d.text }), limitRect, dx: this._layoutOffsetX, dy: this._layoutOffsetY }));
         }
     }
     _initDataView() {
@@ -99956,9 +99954,9 @@ class CartesianMarkPoint extends BaseMarkPoint {
         const spec = this._spec;
         const data = this._markerData;
         const relativeSeries = this._relativeSeries;
-        const isXYLayout = 'x' in spec && 'y' in spec;
-        const isCoordinateLayout = 'coordinate' in spec;
-        const isPositionLayout = 'position' in spec;
+        const isXYLayout = isValid$1(spec.x) && isValid$1(spec.y);
+        const isCoordinateLayout = isValid$1(spec.coordinate);
+        const isPositionLayout = isValid$1(spec.position);
         const autoRange = (_a = spec === null || spec === void 0 ? void 0 : spec.autoRange) !== null && _a !== void 0 ? _a : false;
         let point;
         if (isXYLayout) {
@@ -103799,4 +103797,4 @@ const registerMediaQuery = () => {
     registerChartPlugin(MediaQuery);
 };
 
-export { Arc3dMark, ArcMark, AreaChart, AreaMark, AreaSeries, AxisSyncPlugin, Bar3dChart, Bar3dSeries, BarChart, BarSeries, BaseChart, BaseChartSpecTransformer, BaseMark, BaseSeries, BoxPlotChart, BoxPlotSeries, Brush, CanvasTooltipHandler, CartesianAxis, CartesianBandAxis, CartesianCrossHair, CartesianLinearAxis, CartesianLogAxis, CartesianMarkArea, CartesianMarkLine, CartesianMarkPoint, CartesianSeries, CartesianSymlogAxis, CartesianTimeAxis, CirclePackingChart, CirclePackingSeries, CircularProgressChart, CircularProgressSeries, CommonChart, CommonChartSpecTransformer, ComponentMark, ComposedEventMapper, ContinuousLegend, CorrelationChart, CorrelationSeries, CustomMark, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_DATA_INDEX, DEFAULT_DATA_KEY, DEFAULT_DATA_SERIES_FIELD, DEFAULT_MEASURE_CANVAS_ID, DEFAULT_SERIES_STYLE_NAME, DataZoom, DimensionClickEvent, DimensionEventEnum, DimensionHoverEvent, DiscreteLegend, DomTooltipHandler, DotSeries, Event$1 as Event, Factory$1 as Factory, FormatterPlugin, Funnel3dChart, Funnel3dSeries, FunnelChart, FunnelSeries, GaugeChart, GaugePointerSeries, GaugeSeries, GeoCoordinate, GeoMarkPoint, GridLayout, GroupMark, HeatmapChart, HeatmapSeries, Histogram3dChart, HistogramChart, ImageMark, Indicator, Label, Layout$1 as Layout, Layout3d, LineChart, LineMark, LineSeries, LinearProgressChart, LinearProgressSeries, LinkSeries, LiquidChart, LiquidSeries, MOSAIC_CAT_END_PERCENT, MOSAIC_CAT_START_PERCENT, MOSAIC_VALUE_END_PERCENT, MOSAIC_VALUE_START_PERCENT, MapChart, MapLabelComponent, MapSeries, MediaQuery, MosaicChart, MosaicSeries, PREFIX, PathMark, PictogramChart, PictogramSeries, Pie3dChart, Pie3dSeries, PieChart, PieSeries, Player, PolarAxis, PolarBandAxis, PolarCrossHair, PolarLinearAxis, PolarMarkArea, PolarMarkLine, PolarMarkPoint, PolarSeries, PolygonMark, ProgressLikeSeries, Pyramid3dMark, RadarChart, RadarSeries, RangeAreaChart, RangeAreaSeries, RangeColumn3dChart, RangeColumn3dSeries, RangeColumnChart, RangeColumnSeries, Rect3dMark, RectMark, RenderModeEnum, RippleMark, RoseChart, RoseLikeSeries, RoseSeries, RuleMark, SEGMENT_FIELD_END, SEGMENT_FIELD_START, STACK_FIELD_END, STACK_FIELD_END_OffsetSilhouette, STACK_FIELD_END_PERCENT, STACK_FIELD_KEY, STACK_FIELD_START, STACK_FIELD_START_OffsetSilhouette, STACK_FIELD_START_PERCENT, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_BOTTOM, STACK_FIELD_TOTAL_PERCENT, STACK_FIELD_TOTAL_TOP, SankeyChart, SankeySeries, ScatterChart, ScatterSeries, ScrollBar, SequenceChart, SeriesMarkNameEnum, SeriesTypeEnum, SeriesTypeForThemeEnum, SunburstChart, SunburstSeries, SymbolMark, TextMark, ThemeManager$1 as ThemeManager, Title, Tooltip, TooltipResult, TotalLabel, TreemapChart, TreemapSeries, VChart, VennChart, VennSeries, WaterfallChart, WaterfallSeries, WordCloud3dChart, WordCloud3dSeries, WordCloudChart, WordCloudSeries, alternatingWave, builtinThemes, centerToCorner, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeActualDataScheme, cornerToCenter, createArc, createArea, createGroup, createLine, createRect, createRichText, createSymbol, createText, darkTheme$1 as darkTheme, dataScheme, VChart as default, defaultThemeName, diagonalCenterToEdge, diagonalTopLeftToBottomRight, functionTransform, getActualColor, getCartesianDimensionInfo, getColorSchemeBySeries, getDataScheme, getFieldAlias, getMergedTheme, getPolarDimensionInfo, getRegionStackGroup, getTheme, hasThemeMerged, isColorKey, isProgressiveDataColorScheme, isTokenKey, lightTheme, mergeFields, particleEffect, pulseWave, queryColorFromColorScheme, queryToken, randomOpacity, register3DPlugin, registerAllEnv, registerAllMarks, registerAnimate, registerArc3dMark, registerArcMark, registerAreaChart, registerAreaMark, registerAreaSeries, registerBar3dChart, registerBar3dSeries, registerBarChart, registerBarSeries, registerBoxplotChart, registerBoxplotSeries, registerBrowserEnv, registerBrush, registerCanvasTooltipHandler, registerCartesianBandAxis, registerCartesianCrossHair, registerCartesianLinearAxis, registerCartesianLogAxis, registerCartesianSymlogAxis, registerCartesianTimeAxis, registerChartPlugin, registerCirclePackingChart, registerCirclePackingSeries, registerCircularProgressChart, registerCircularProgressSeries, registerCommonChart, registerComponentMark, registerContinuousLegend, registerCorrelationChart, registerCustomMark, registerDataZoom, registerDiscreteLegend, registerDomTooltipHandler, registerDotSeries, registerDragPlugin, registerFormatPlugin, registerFunnel3dChart, registerFunnel3dSeries, registerFunnelChart, registerFunnelSeries, registerGaugeChart, registerGaugePointerSeries, registerGaugeSeries, registerGeoCoordinate, registerGeoMarkPoint, registerGesturePlugin, registerGridLayout, registerGroupMark, registerHarmonyEnv, registerHeatmapChart, registerHeatmapSeries, registerHistogram3dChart, registerHistogramChart, registerHtmlAttributePlugin, registerImageMark, registerIndicator, registerLabel, registerLarkEnv, registerLayout3d, registerLineChart, registerLineMark, registerLineSeries, registerLinearProgressChart, registerLinearProgressSeries, registerLinkSeries, registerLiquidChart, registerLiquidSeries, registerLynxEnv, registerMapChart, registerMapLabel, registerMapSeries, registerMarkArea, registerMarkLine, registerMarkPoint, registerMediaQuery, registerMorph, registerMosaicChart, registerMosaicSeries, registerNodeEnv, registerPathMark, registerPictogramChart, registerPictogramSeries, registerPie3dChart, registerPie3dSeries, registerPieChart, registerPieSeries, registerPlayer, registerPolarBandAxis, registerPolarCrossHair, registerPolarLinearAxis, registerPolarMarkArea, registerPolarMarkLine, registerPolarMarkPoint, registerPolygonMark, registerPoptip, registerPyramid3dMark, registerRadarChart, registerRadarSeries, registerRangeAreaChart, registerRangeAreaSeries, registerRangeColumn3dChart, registerRangeColumn3dSeries, registerRangeColumnChart, registerRangeColumnSeries, registerReactAttributePlugin, registerRect3dMark, registerRectMark, registerRippleMark, registerRoseChart, registerRoseSeries, registerRuleMark, registerSankeyChart, registerSankeySeries, registerScatterChart, registerScatterSeries, registerScrollBar, registerSequenceChart, registerSunBurstSeries, registerSunburstChart, registerSymbolMark, registerTTEnv, registerTaroEnv, registerTextMark, registerTheme, registerTitle, registerTooltip, registerTotalLabel, registerTreemapChart, registerTreemapSeries, registerVennChart, registerVennSeries, registerWXEnv, registerWaterfallChart, registerWaterfallSeries, registerWordCloud3dChart, registerWordCloud3dSeries, registerWordCloudChart, registerWordCloudSeries, registerWordCloudShapeChart, removeTheme, rippleEffect, rotationScan, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, snakeWave, sortStackValueGroup, specTransform, spiralEffect, stack, stackGroup, stackMosaic, stackMosaicTotal, stackOffsetSilhouette, stackTotal, themeExist, themes, token, transformColorSchemeToStandardStruct, version, vglobal };
+export { Arc3dMark, ArcMark, AreaChart, AreaMark, AreaSeries, AxisSyncPlugin, Bar3dChart, Bar3dSeries, BarChart, BarSeries, BaseChart, BaseChartSpecTransformer, BaseMark, BaseSeries, BoxPlotChart, BoxPlotSeries, Brush, CanvasTooltipHandler, CartesianAxis, CartesianBandAxis, CartesianChartSpecTransformer, CartesianCrossHair, CartesianLinearAxis, CartesianLogAxis, CartesianMarkArea, CartesianMarkLine, CartesianMarkPoint, CartesianSeries, CartesianSymlogAxis, CartesianTimeAxis, CirclePackingChart, CirclePackingSeries, CircularProgressChart, CircularProgressSeries, CommonChart, CommonChartSpecTransformer, ComponentMark, ComposedEventMapper, ContinuousLegend, CorrelationChart, CorrelationSeries, CustomMark, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_DATA_INDEX, DEFAULT_DATA_KEY, DEFAULT_DATA_SERIES_FIELD, DEFAULT_MEASURE_CANVAS_ID, DEFAULT_SERIES_STYLE_NAME, DataZoom, DimensionClickEvent, DimensionEventEnum, DimensionHoverEvent, DiscreteLegend, DomTooltipHandler, DotSeries, Event$1 as Event, Factory$1 as Factory, FormatterPlugin, Funnel3dChart, Funnel3dSeries, FunnelChart, FunnelSeries, GaugeChart, GaugePointerSeries, GaugeSeries, GeoCoordinate, GeoMarkPoint, GridLayout, GroupMark, HeatmapChart, HeatmapSeries, Histogram3dChart, HistogramChart, ImageMark, Indicator, Label, Layout$1 as Layout, Layout3d, LineChart, LineMark, LineSeries, LinearProgressChart, LinearProgressSeries, LinkSeries, LiquidChart, LiquidSeries, MOSAIC_CAT_END_PERCENT, MOSAIC_CAT_START_PERCENT, MOSAIC_VALUE_END_PERCENT, MOSAIC_VALUE_START_PERCENT, MapChart, MapLabelComponent, MapSeries, MediaQuery, MosaicChart, MosaicSeries, PREFIX, PathMark, PictogramChart, PictogramSeries, Pie3dChart, Pie3dSeries, PieChart, PieSeries, Player, PolarAxis, PolarBandAxis, PolarCrossHair, PolarLinearAxis, PolarMarkArea, PolarMarkLine, PolarMarkPoint, PolarSeries, PolygonMark, ProgressLikeSeries, Pyramid3dMark, RadarChart, RadarSeries, RangeAreaChart, RangeAreaSeries, RangeColumn3dChart, RangeColumn3dSeries, RangeColumnChart, RangeColumnSeries, Rect3dMark, RectMark, RenderModeEnum, RippleMark, RoseChart, RoseLikeSeries, RoseSeries, RuleMark, SEGMENT_FIELD_END, SEGMENT_FIELD_START, STACK_FIELD_END, STACK_FIELD_END_OffsetSilhouette, STACK_FIELD_END_PERCENT, STACK_FIELD_KEY, STACK_FIELD_START, STACK_FIELD_START_OffsetSilhouette, STACK_FIELD_START_PERCENT, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_BOTTOM, STACK_FIELD_TOTAL_PERCENT, STACK_FIELD_TOTAL_TOP, SankeyChart, SankeySeries, ScatterChart, ScatterSeries, ScrollBar, SequenceChart, SeriesMarkNameEnum, SeriesTypeEnum, SeriesTypeForThemeEnum, SunburstChart, SunburstSeries, SymbolMark, TextMark, ThemeManager$1 as ThemeManager, Title, Tooltip, TooltipResult, TotalLabel, TreemapChart, TreemapSeries, VChart, VennChart, VennSeries, WaterfallChart, WaterfallSeries, WordCloud3dChart, WordCloud3dSeries, WordCloudChart, WordCloudSeries, alternatingWave, builtinThemes, centerToCorner, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeActualDataScheme, cornerToCenter, createArc, createArea, createGroup, createLine, createRect, createRichText, createSymbol, createText, darkTheme$1 as darkTheme, dataScheme, VChart as default, defaultThemeName, diagonalCenterToEdge, diagonalTopLeftToBottomRight, functionTransform, getActualColor, getCartesianDimensionInfo, getColorSchemeBySeries, getDataScheme, getFieldAlias, getMergedTheme, getPolarDimensionInfo, getRegionStackGroup, getTheme, hasThemeMerged, isColorKey, isProgressiveDataColorScheme, isTokenKey, lightTheme, mergeFields, particleEffect, pulseWave, queryColorFromColorScheme, queryToken, randomOpacity, register3DPlugin, registerAllEnv, registerAllMarks, registerAnimate, registerArc3dMark, registerArcMark, registerAreaChart, registerAreaMark, registerAreaSeries, registerBar3dChart, registerBar3dSeries, registerBarChart, registerBarSeries, registerBoxplotChart, registerBoxplotSeries, registerBrowserEnv, registerBrush, registerCanvasTooltipHandler, registerCartesianBandAxis, registerCartesianCrossHair, registerCartesianLinearAxis, registerCartesianLogAxis, registerCartesianSymlogAxis, registerCartesianTimeAxis, registerChartPlugin, registerCirclePackingChart, registerCirclePackingSeries, registerCircularProgressChart, registerCircularProgressSeries, registerCommonChart, registerComponentMark, registerContinuousLegend, registerCorrelationChart, registerCustomMark, registerDataZoom, registerDiscreteLegend, registerDomTooltipHandler, registerDotSeries, registerDragPlugin, registerFormatPlugin, registerFunnel3dChart, registerFunnel3dSeries, registerFunnelChart, registerFunnelSeries, registerGaugeChart, registerGaugePointerSeries, registerGaugeSeries, registerGeoCoordinate, registerGeoMarkPoint, registerGesturePlugin, registerGridLayout, registerGroupMark, registerHarmonyEnv, registerHeatmapChart, registerHeatmapSeries, registerHistogram3dChart, registerHistogramChart, registerHtmlAttributePlugin, registerImageMark, registerIndicator, registerLabel, registerLarkEnv, registerLayout3d, registerLineChart, registerLineMark, registerLineSeries, registerLinearProgressChart, registerLinearProgressSeries, registerLinkSeries, registerLiquidChart, registerLiquidSeries, registerLynxEnv, registerMapChart, registerMapLabel, registerMapSeries, registerMarkArea, registerMarkLine, registerMarkPoint, registerMediaQuery, registerMorph, registerMosaicChart, registerMosaicSeries, registerNodeEnv, registerPathMark, registerPictogramChart, registerPictogramSeries, registerPie3dChart, registerPie3dSeries, registerPieChart, registerPieSeries, registerPlayer, registerPolarBandAxis, registerPolarCrossHair, registerPolarLinearAxis, registerPolarMarkArea, registerPolarMarkLine, registerPolarMarkPoint, registerPolygonMark, registerPoptip, registerPyramid3dMark, registerRadarChart, registerRadarSeries, registerRangeAreaChart, registerRangeAreaSeries, registerRangeColumn3dChart, registerRangeColumn3dSeries, registerRangeColumnChart, registerRangeColumnSeries, registerReactAttributePlugin, registerRect3dMark, registerRectMark, registerRippleMark, registerRoseChart, registerRoseSeries, registerRuleMark, registerSankeyChart, registerSankeySeries, registerScatterChart, registerScatterSeries, registerScrollBar, registerSequenceChart, registerSunBurstSeries, registerSunburstChart, registerSymbolMark, registerTTEnv, registerTaroEnv, registerTextMark, registerTheme, registerTitle, registerTooltip, registerTotalLabel, registerTreemapChart, registerTreemapSeries, registerVennChart, registerVennSeries, registerWXEnv, registerWaterfallChart, registerWaterfallSeries, registerWordCloud3dChart, registerWordCloud3dSeries, registerWordCloudChart, registerWordCloudSeries, registerWordCloudShapeChart, removeTheme, rippleEffect, rotationScan, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, snakeWave, sortStackValueGroup, specTransform, spiralEffect, stack, stackGroup, stackMosaic, stackMosaicTotal, stackOffsetSilhouette, stackTotal, themeExist, themes, token, transformColorSchemeToStandardStruct, version, vglobal };