@visactor/vchart 1.8.9 → 1.8.10

package/build/index.js

@@ -7682,10 +7682,10 @@
     !function (AnimateStepType) {
       AnimateStepType.wait = "wait", AnimateStepType.from = "from", AnimateStepType.to = "to", AnimateStepType.customAnimate = "customAnimate";
     }(AnimateStepType || (AnimateStepType = {}));
-    var Direction$2;
+    var Direction$1;
     !function (Direction) {
       Direction[Direction.ROW = 1] = "ROW", Direction[Direction.COLUMN = 2] = "COLUMN";
-    }(Direction$2 || (Direction$2 = {}));
+    }(Direction$1 || (Direction$1 = {}));
     var CurveTypeEnum;
     !function (CurveTypeEnum) {
       CurveTypeEnum[CurveTypeEnum.CubicBezierCurve = 0] = "CubicBezierCurve", CurveTypeEnum[CurveTypeEnum.QuadraticBezierCurve = 1] = "QuadraticBezierCurve", CurveTypeEnum[CurveTypeEnum.ArcCurve = 2] = "ArcCurve", CurveTypeEnum[CurveTypeEnum.LineCurve = 3] = "LineCurve", CurveTypeEnum[CurveTypeEnum.EllipseCurve = 4] = "EllipseCurve", CurveTypeEnum[CurveTypeEnum.MoveCurve = 5] = "MoveCurve";
@@ -7855,7 +7855,7 @@
         return this._validPoint() ? cubicLength(this.p0, this.p1, this.p2, this.p3) : 60;
       }
       calcProjLength(direction) {
-        return direction === Direction$2.ROW ? abs$1(this.p0.x - this.p3.x) : direction === Direction$2.COLUMN ? abs$1(this.p0.y - this.p3.y) : 0;
+        return direction === Direction$1.ROW ? abs$1(this.p0.x - this.p3.x) : direction === Direction$1.COLUMN ? abs$1(this.p0.y - this.p3.y) : 0;
       }
       getAngleAt(t) {
         const minT = max$1(t - .01, 0),
@@ -7892,7 +7892,7 @@
         return this._validPoint() ? PointService.distancePP(this.p0, this.p1) : 60;
       }
       calcProjLength(direction) {
-        return direction === Direction$2.ROW ? abs$1(this.p0.x - this.p1.x) : direction === Direction$2.COLUMN ? abs$1(this.p0.y - this.p1.y) : 0;
+        return direction === Direction$1.ROW ? abs$1(this.p0.x - this.p1.x) : direction === Direction$1.COLUMN ? abs$1(this.p0.y - this.p1.y) : 0;
       }
     }
 
@@ -7949,14 +7949,14 @@
       }
       getLength(direction) {
         var _a, _b;
-        if (direction === Direction$2.COLUMN) {
+        if (direction === Direction$1.COLUMN) {
           if (!this.curves.length) return 0;
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1],
             endP = null !== (_a = ec.p3) && void 0 !== _a ? _a : ec.p1;
           return abs$1(sc.p0.y - endP.y);
         }
-        if (direction === Direction$2.ROW) {
+        if (direction === Direction$1.ROW) {
           if (!this.curves.length) return 0;
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1],
@@ -7986,7 +7986,7 @@
       for (let i = 0, n = points.length; i <= n; i++) i >= n === defined0 && ((defined0 = !defined0) ? path.lineStart() : path.lineEnd()), defined0 && path.point(points[i]);
     }
     function genSegContext(curveType, direction, points) {
-      const curveDirection = null != direction ? direction : abs$1(points[points.length - 1].x - points[0].x) > abs$1(points[points.length - 1].y - points[0].y) ? Direction$2.ROW : Direction$2.COLUMN;
+      const curveDirection = null != direction ? direction : abs$1(points[points.length - 1].x - points[0].x) > abs$1(points[points.length - 1].y - points[0].y) ? Direction$1.ROW : Direction$1.COLUMN;
       return "monotoneY" === curveType ? new ReflectSegContext(curveType, curveDirection) : new SegContext(curveType, curveDirection);
     }
 
@@ -8248,7 +8248,7 @@
         startPoint: startPoint
       } = params;
       if (points.length < 2 - Number(!!startPoint)) return null;
-      const segContext = new SegContext("step", null != direction ? direction : abs$1(points[points.length - 1].x - points[0].x) > abs$1(points[points.length - 1].y - points[0].y) ? Direction$2.ROW : Direction$2.COLUMN);
+      const segContext = new SegContext("step", null != direction ? direction : abs$1(points[points.length - 1].x - points[0].x) > abs$1(points[points.length - 1].y - points[0].y) ? Direction$1.ROW : Direction$1.COLUMN);
       return genStepTypeSegments(new Step$1(segContext, t, startPoint), points), segContext;
     }
     function genStepTypeSegments(path, points) {
@@ -8366,7 +8366,7 @@
         } = line.attribute;
         if (!points) return;
         const cache = calcLineCache$1(points, curveType);
-        "x" === clipRangeByDimension ? this.direction = Direction$2.ROW : "y" === clipRangeByDimension ? this.direction = Direction$2.COLUMN : "auto" === clipRangeByDimension && (this.direction = cache.direction), this.curves = cache.curves;
+        "x" === clipRangeByDimension ? this.direction = Direction$1.ROW : "y" === clipRangeByDimension ? this.direction = Direction$1.COLUMN : "auto" === clipRangeByDimension && (this.direction = cache.direction), this.curves = cache.curves;
       }
       fromCustomPath2D(path, x, y, sX, sY) {
         return this.clear(), this._runCommandList(path.commandList, x, y, sX, sY), this._updateBounds(), this;
@@ -8528,13 +8528,13 @@
         this.commandList = [], this._boundsContext = null, this._ctx = null;
       }
       getLength() {
-        if (this.direction === Direction$2.COLUMN) {
+        if (this.direction === Direction$1.COLUMN) {
           if (!this.curves.length) return 0;
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1];
           return abs$1(sc.p0.y - ec.p1.y);
         }
-        if (this.direction === Direction$2.ROW) {
+        if (this.direction === Direction$1.ROW) {
           if (!this.curves.length) return 0;
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1];
@@ -11788,10 +11788,10 @@
         !1 !== this.valid && (out.text = end ? this.toNumber : (this.fromNumber + (this.toNumber - this.fromNumber) * ratio).toFixed(this.decimalLength));
       }
     }
-    var Direction$1;
+    var Direction;
     !function (Direction) {
       Direction[Direction.LEFT_TO_RIGHT = 0] = "LEFT_TO_RIGHT", Direction[Direction.RIGHT_TO_LEFT = 1] = "RIGHT_TO_LEFT", Direction[Direction.TOP_TO_BOTTOM = 2] = "TOP_TO_BOTTOM", Direction[Direction.BOTTOM_TO_TOP = 3] = "BOTTOM_TO_TOP", Direction[Direction.STROKE = 4] = "STROKE";
-    }(Direction$1 || (Direction$1 = {}));
+    }(Direction || (Direction = {}));
     class TagPointsUpdate extends ACustomAnimate {
       constructor(from, to, duration, easing, params) {
         super(from, to, duration, easing, params), this.newPointAnimateType = "appear" === (null == params ? void 0 : params.newPointAnimateType) ? "appear" : "grow";
@@ -19685,7 +19685,7 @@
       }
       if (percent <= 0) return;
       let direction;
-      "x" === clipRangeByDimension ? direction = Direction$2.ROW : "y" === clipRangeByDimension ? direction = Direction$2.COLUMN : "auto" === clipRangeByDimension && (direction = segPath.direction);
+      "x" === clipRangeByDimension ? direction = Direction$1.ROW : "y" === clipRangeByDimension ? direction = Direction$1.COLUMN : "auto" === clipRangeByDimension && (direction = segPath.direction);
       const totalDrawLength = percent * segPath.tryUpdateLength(direction);
       let drawedLengthUntilLast = 0,
         defined0 = !0,
@@ -19972,8 +19972,8 @@
         endP = null !== (_a = topCurves[topCurves.length - 1].p3) && void 0 !== _a ? _a : topCurves[topCurves.length - 1].p1,
         xTotalLength = abs$1(endP.x - topCurves[0].p0.x),
         yTotalLength = abs$1(endP.y - topCurves[0].p0.y);
-      direction = null != direction ? direction : xTotalLength > yTotalLength ? Direction$2.ROW : Direction$2.COLUMN, Number.isFinite(xTotalLength) || (direction = Direction$2.COLUMN), Number.isFinite(yTotalLength) || (direction = Direction$2.ROW);
-      const totalDrawLength = percent * (direction === Direction$2.ROW ? xTotalLength : yTotalLength);
+      direction = null != direction ? direction : xTotalLength > yTotalLength ? Direction$1.ROW : Direction$1.COLUMN, Number.isFinite(xTotalLength) || (direction = Direction$1.COLUMN), Number.isFinite(yTotalLength) || (direction = Direction$1.ROW);
+      const totalDrawLength = percent * (direction === Direction$1.ROW ? xTotalLength : yTotalLength);
       let drawedLengthUntilLast = 0,
         lastDefined = !0;
       const topList = [],
@@ -20263,12 +20263,12 @@
         } = area.attribute;
         let endP,
           startP,
-          direction = Direction$2.ROW;
+          direction = Direction$1.ROW;
         if (segments) {
           const endSeg = segments[segments.length - 1];
           startP = segments[0].points[0], endP = endSeg.points[endSeg.points.length - 1];
         } else startP = points[0], endP = points[points.length - 1];
-        direction = abs$1(endP.x - startP.x) > abs$1(endP.y - startP.y) ? Direction$2.ROW : Direction$2.COLUMN, drawAreaSegments(context.camera ? context : context.nativeContext, cache, clipRange, {
+        direction = abs$1(endP.x - startP.x) > abs$1(endP.y - startP.y) ? Direction$1.ROW : Direction$1.COLUMN, drawAreaSegments(context.camera ? context : context.nativeContext, cache, clipRange, {
           offsetX: offsetX,
           offsetY: offsetY,
           offsetZ: offsetZ,
@@ -20290,7 +20290,7 @@
           const {
             stroke = defaultAttribute && defaultAttribute[1] && defaultAttribute[1].stroke
           } = attribute;
-          isArray$1(stroke) && (stroke[0] || stroke[2]) && !1 === stroke[1] && (context.beginPath(), drawSegments(context.camera ? context : context.nativeContext, stroke[0] ? cache.top : cache.bottom, clipRange, direction === Direction$2.ROW ? "x" : "y", {
+          isArray$1(stroke) && (stroke[0] || stroke[2]) && !1 === stroke[1] && (context.beginPath(), drawSegments(context.camera ? context : context.nativeContext, stroke[0] ? cache.top : cache.bottom, clipRange, direction === Direction$1.ROW ? "x" : "y", {
             offsetX: offsetX,
             offsetY: offsetY,
             offsetZ: offsetZ,
@@ -26286,32 +26286,6 @@
         SeriesMarkNameEnum["lineLabel"] = "lineLabel";
         SeriesMarkNameEnum["areaLabel"] = "areaLabel";
     })(exports.SeriesMarkNameEnum || (exports.SeriesMarkNameEnum = {}));
-    const seriesMarkNameSet = new Set(Object.values(exports.SeriesMarkNameEnum));
-
-    var MarkTypeEnum;
-    (function (MarkTypeEnum) {
-        MarkTypeEnum["group"] = "group";
-        MarkTypeEnum["symbol"] = "symbol";
-        MarkTypeEnum["rule"] = "rule";
-        MarkTypeEnum["line"] = "line";
-        MarkTypeEnum["text"] = "text";
-        MarkTypeEnum["rect"] = "rect";
-        MarkTypeEnum["rect3d"] = "rect3d";
-        MarkTypeEnum["image"] = "image";
-        MarkTypeEnum["path"] = "path";
-        MarkTypeEnum["area"] = "area";
-        MarkTypeEnum["arc"] = "arc";
-        MarkTypeEnum["arc3d"] = "arc3d";
-        MarkTypeEnum["polygon"] = "polygon";
-        MarkTypeEnum["pyramid3d"] = "pyramid3d";
-        MarkTypeEnum["boxPlot"] = "boxPlot";
-        MarkTypeEnum["linkPath"] = "linkPath";
-        MarkTypeEnum["progressArc"] = "progressArc";
-        MarkTypeEnum["cell"] = "cell";
-        MarkTypeEnum["ripple"] = "ripple";
-        MarkTypeEnum["component"] = "component";
-        MarkTypeEnum["label"] = "label";
-    })(MarkTypeEnum || (MarkTypeEnum = {}));
 
     const PREFIX = '__VCHART';
     const DEFAULT_CHART_WIDTH = 500;
@@ -48434,72 +48408,72 @@
     };
 
     const baseSeriesMark = {
-        [exports.SeriesMarkNameEnum.label]: { name: exports.SeriesMarkNameEnum.label, type: MarkTypeEnum.text }
+        ["label"]: { name: "label", type: "text" }
     };
     const RECT_X = `${PREFIX}_rect_x`;
     const RECT_X1 = `${PREFIX}_rect_x1`;
     const RECT_Y = `${PREFIX}_rect_y`;
     const RECT_Y1 = `${PREFIX}_rect_y1`;
 
-    const barSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.bar]: { name: exports.SeriesMarkNameEnum.bar, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.barBackground]: { name: exports.SeriesMarkNameEnum.barBackground, type: MarkTypeEnum.rect } });
-    const bar3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.bar3d]: { name: exports.SeriesMarkNameEnum.bar3d, type: MarkTypeEnum.rect3d } });
+    const barSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["bar"]: { name: "bar", type: "rect" }, ["barBackground"]: { name: "barBackground", type: "rect" } });
+    const bar3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["bar3d"]: { name: "bar3d", type: "rect3d" } });
 
     const lineLikeSeriesMark = {
-        [exports.SeriesMarkNameEnum.point]: { name: exports.SeriesMarkNameEnum.point, type: MarkTypeEnum.symbol },
-        [exports.SeriesMarkNameEnum.line]: { name: exports.SeriesMarkNameEnum.line, type: MarkTypeEnum.line }
+        ["point"]: { name: "point", type: "symbol" },
+        ["line"]: { name: "line", type: "line" }
     };
 
     const lineSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), lineLikeSeriesMark);
 
-    const scatterSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.point]: { name: exports.SeriesMarkNameEnum.point, type: MarkTypeEnum.symbol } });
+    const scatterSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["point"]: { name: "point", type: "symbol" } });
 
-    const areaSeriesMark = Object.assign(Object.assign(Object.assign({}, baseSeriesMark), lineLikeSeriesMark), { [exports.SeriesMarkNameEnum.area]: { name: exports.SeriesMarkNameEnum.area, type: MarkTypeEnum.area } });
+    const areaSeriesMark = Object.assign(Object.assign(Object.assign({}, baseSeriesMark), lineLikeSeriesMark), { ["area"]: { name: "area", type: "area" } });
 
-    const radarSeriesMark = Object.assign(Object.assign(Object.assign({}, baseSeriesMark), lineLikeSeriesMark), { [exports.SeriesMarkNameEnum.area]: { name: exports.SeriesMarkNameEnum.area, type: MarkTypeEnum.area } });
+    const radarSeriesMark = Object.assign(Object.assign(Object.assign({}, baseSeriesMark), lineLikeSeriesMark), { ["area"]: { name: "area", type: "area" } });
 
-    const pieSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.pie]: { name: exports.SeriesMarkNameEnum.pie, type: MarkTypeEnum.arc }, [exports.SeriesMarkNameEnum.labelLine]: { name: exports.SeriesMarkNameEnum.labelLine, type: MarkTypeEnum.path } });
-    const pie3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.pie3d]: { name: exports.SeriesMarkNameEnum.pie3d, type: MarkTypeEnum.arc3d }, [exports.SeriesMarkNameEnum.labelLine]: { name: exports.SeriesMarkNameEnum.labelLine, type: MarkTypeEnum.path } });
+    const pieSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["pie"]: { name: "pie", type: "arc" }, ["labelLine"]: { name: "labelLine", type: "path" } });
+    const pie3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["pie3d"]: { name: "pie3d", type: "arc3d" }, ["labelLine"]: { name: "labelLine", type: "path" } });
 
-    const roseSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.rose]: { name: exports.SeriesMarkNameEnum.rose, type: MarkTypeEnum.arc } });
+    const roseSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["rose"]: { name: "rose", type: "arc" } });
 
-    const mapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.area]: { name: exports.SeriesMarkNameEnum.area, type: MarkTypeEnum.path } });
+    const mapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["area"]: { name: "area", type: "path" } });
 
-    const progressLikeSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.group]: { name: exports.SeriesMarkNameEnum.group, type: MarkTypeEnum.group } });
+    const progressLikeSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["group"]: { name: "group", type: "group" } });
 
-    const circularProgressSeriesMark = Object.assign(Object.assign({}, progressLikeSeriesMark), { [exports.SeriesMarkNameEnum.track]: { name: exports.SeriesMarkNameEnum.track, type: MarkTypeEnum.progressArc }, [exports.SeriesMarkNameEnum.progress]: { name: exports.SeriesMarkNameEnum.progress, type: MarkTypeEnum.progressArc } });
+    const circularProgressSeriesMark = Object.assign(Object.assign({}, progressLikeSeriesMark), { ["track"]: { name: "track", type: "progressArc" }, ["progress"]: { name: "progress", type: "progressArc" } });
 
-    const linkSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.group]: { name: exports.SeriesMarkNameEnum.group, type: MarkTypeEnum.group }, [exports.SeriesMarkNameEnum.link]: { name: exports.SeriesMarkNameEnum.link, type: MarkTypeEnum.rule }, [exports.SeriesMarkNameEnum.arrow]: { name: exports.SeriesMarkNameEnum.arrow, type: MarkTypeEnum.symbol } });
+    const linkSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["group"]: { name: "group", type: "group" }, ["link"]: { name: "link", type: "rule" }, ["arrow"]: { name: "arrow", type: "symbol" } });
 
-    const dotSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.group]: { name: exports.SeriesMarkNameEnum.group, type: MarkTypeEnum.group }, [exports.SeriesMarkNameEnum.grid]: { name: exports.SeriesMarkNameEnum.grid, type: MarkTypeEnum.rule }, [exports.SeriesMarkNameEnum.gridBackground]: { name: exports.SeriesMarkNameEnum.gridBackground, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.dot]: { name: exports.SeriesMarkNameEnum.dot, type: MarkTypeEnum.symbol }, [exports.SeriesMarkNameEnum.title]: { name: exports.SeriesMarkNameEnum.title, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.subTitle]: { name: exports.SeriesMarkNameEnum.subTitle, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.symbol]: { name: exports.SeriesMarkNameEnum.symbol, type: MarkTypeEnum.symbol } });
+    const dotSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["group"]: { name: "group", type: "group" }, ["grid"]: { name: "grid", type: "rule" }, ["gridBackground"]: { name: "gridBackground", type: "rect" }, ["dot"]: { name: "dot", type: "symbol" }, ["title"]: { name: "title", type: "text" }, ["subTitle"]: { name: "subTitle", type: "text" }, ["symbol"]: { name: "symbol", type: "symbol" } });
 
-    const wordCloudSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.word]: { name: exports.SeriesMarkNameEnum.word, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.fillingWord]: { name: exports.SeriesMarkNameEnum.fillingWord, type: MarkTypeEnum.text } });
+    const wordCloudSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["word"]: { name: "word", type: "text" }, ["fillingWord"]: { name: "fillingWord", type: "text" } });
 
-    const funnelSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.funnel]: { name: exports.SeriesMarkNameEnum.funnel, type: MarkTypeEnum.polygon }, [exports.SeriesMarkNameEnum.transform]: { name: exports.SeriesMarkNameEnum.transform, type: MarkTypeEnum.polygon }, [exports.SeriesMarkNameEnum.transformLabel]: { name: exports.SeriesMarkNameEnum.transformLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.outerLabel]: { name: exports.SeriesMarkNameEnum.outerLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.outerLabelLine]: { name: exports.SeriesMarkNameEnum.outerLabelLine, type: MarkTypeEnum.rule } });
-    const funnel3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.funnel3d]: { name: exports.SeriesMarkNameEnum.funnel3d, type: MarkTypeEnum.pyramid3d }, [exports.SeriesMarkNameEnum.transform3d]: { name: exports.SeriesMarkNameEnum.transform3d, type: MarkTypeEnum.pyramid3d }, [exports.SeriesMarkNameEnum.transformLabel]: { name: exports.SeriesMarkNameEnum.transformLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.outerLabel]: { name: exports.SeriesMarkNameEnum.outerLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.outerLabelLine]: { name: exports.SeriesMarkNameEnum.outerLabelLine, type: MarkTypeEnum.rule } });
+    const funnelSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["funnel"]: { name: "funnel", type: "polygon" }, ["transform"]: { name: "transform", type: "polygon" }, ["transformLabel"]: { name: "transformLabel", type: "text" }, ["outerLabel"]: { name: "outerLabel", type: "text" }, ["outerLabelLine"]: { name: "outerLabelLine", type: "rule" } });
+    const funnel3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["funnel3d"]: { name: "funnel3d", type: "pyramid3d" }, ["transform3d"]: { name: "transform3d", type: "pyramid3d" }, ["transformLabel"]: { name: "transformLabel", type: "text" }, ["outerLabel"]: { name: "outerLabel", type: "text" }, ["outerLabelLine"]: { name: "outerLabelLine", type: "rule" } });
 
-    const linearProgressSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.track]: { name: exports.SeriesMarkNameEnum.track, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.progress]: { name: exports.SeriesMarkNameEnum.progress, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.group]: { name: exports.SeriesMarkNameEnum.group, type: MarkTypeEnum.group } });
+    const linearProgressSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["track"]: { name: "track", type: "rect" }, ["progress"]: { name: "progress", type: "rect" }, ["group"]: { name: "group", type: "group" } });
 
-    const waterfallSeriesMark = Object.assign(Object.assign({}, barSeriesMark), { [exports.SeriesMarkNameEnum.leaderLine]: { name: exports.SeriesMarkNameEnum.leaderLine, type: MarkTypeEnum.rule }, [exports.SeriesMarkNameEnum.stackLabel]: { name: exports.SeriesMarkNameEnum.stackLabel, type: MarkTypeEnum.text } });
+    const waterfallSeriesMark = Object.assign(Object.assign({}, barSeriesMark), { ["leaderLine"]: { name: "leaderLine", type: "rule" }, ["stackLabel"]: { name: "stackLabel", type: "text" } });
 
-    const boxPlotSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.boxPlot]: { name: exports.SeriesMarkNameEnum.boxPlot, type: MarkTypeEnum.boxPlot }, [exports.SeriesMarkNameEnum.outlier]: { name: exports.SeriesMarkNameEnum.outlier, type: MarkTypeEnum.symbol } });
+    const boxPlotSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["boxPlot"]: { name: "boxPlot", type: "boxPlot" }, ["outlier"]: { name: "outlier", type: "symbol" } });
 
-    const treemapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.nonLeaf]: { name: exports.SeriesMarkNameEnum.nonLeaf, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.leaf]: { name: exports.SeriesMarkNameEnum.leaf, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.nonLeafLabel]: { name: exports.SeriesMarkNameEnum.nonLeafLabel, type: MarkTypeEnum.text } });
+    const treemapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["nonLeaf"]: { name: "nonLeaf", type: "rect" }, ["leaf"]: { name: "leaf", type: "rect" }, ["nonLeafLabel"]: { name: "nonLeafLabel", type: "text" } });
 
-    const sankeySeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.node]: { name: exports.SeriesMarkNameEnum.node, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.link]: { name: exports.SeriesMarkNameEnum.link, type: MarkTypeEnum.linkPath } });
+    const sankeySeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["node"]: { name: "node", type: "rect" }, ["link"]: { name: "link", type: "linkPath" } });
 
-    const gaugeSeriesMark = Object.assign(Object.assign({}, progressLikeSeriesMark), { [exports.SeriesMarkNameEnum.segment]: { name: exports.SeriesMarkNameEnum.segment, type: MarkTypeEnum.progressArc }, [exports.SeriesMarkNameEnum.track]: { name: exports.SeriesMarkNameEnum.track, type: MarkTypeEnum.progressArc } });
-    const gaugePointerSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.pin]: { name: exports.SeriesMarkNameEnum.pin, type: MarkTypeEnum.path }, [exports.SeriesMarkNameEnum.pinBackground]: { name: exports.SeriesMarkNameEnum.pinBackground, type: MarkTypeEnum.path }, [exports.SeriesMarkNameEnum.pointer]: { name: exports.SeriesMarkNameEnum.pointer, type: [MarkTypeEnum.path, MarkTypeEnum.rect] } });
+    const gaugeSeriesMark = Object.assign(Object.assign({}, progressLikeSeriesMark), { ["segment"]: { name: "segment", type: "progressArc" }, ["track"]: { name: "track", type: "progressArc" } });
+    const gaugePointerSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["pin"]: { name: "pin", type: "path" }, ["pinBackground"]: { name: "pinBackground", type: "path" }, ["pointer"]: { name: "pointer", type: ["path", "rect"] } });
 
-    const sunburstSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.sunburst]: { name: exports.SeriesMarkNameEnum.sunburst, type: MarkTypeEnum.arc } });
+    const sunburstSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["sunburst"]: { name: "sunburst", type: "arc" } });
 
-    const rangeColumnSeriesMark = Object.assign(Object.assign({}, barSeriesMark), { [exports.SeriesMarkNameEnum.minLabel]: { name: exports.SeriesMarkNameEnum.minLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.maxLabel]: { name: exports.SeriesMarkNameEnum.maxLabel, type: MarkTypeEnum.text } });
-    const rangeColumn3dSeriesMark = Object.assign(Object.assign({}, bar3dSeriesMark), { [exports.SeriesMarkNameEnum.minLabel]: { name: exports.SeriesMarkNameEnum.minLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.maxLabel]: { name: exports.SeriesMarkNameEnum.maxLabel, type: MarkTypeEnum.text } });
+    const rangeColumnSeriesMark = Object.assign(Object.assign({}, barSeriesMark), { ["minLabel"]: { name: "minLabel", type: "text" }, ["maxLabel"]: { name: "maxLabel", type: "text" } });
+    const rangeColumn3dSeriesMark = Object.assign(Object.assign({}, bar3dSeriesMark), { ["minLabel"]: { name: "minLabel", type: "text" }, ["maxLabel"]: { name: "maxLabel", type: "text" } });
 
-    const circlePackingSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.circlePacking]: { name: exports.SeriesMarkNameEnum.circlePacking, type: MarkTypeEnum.arc } });
+    const circlePackingSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["circlePacking"]: { name: "circlePacking", type: "arc" } });
 
-    const heatmapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.cell]: { name: exports.SeriesMarkNameEnum.cell, type: MarkTypeEnum.cell }, [exports.SeriesMarkNameEnum.cellBackground]: { name: exports.SeriesMarkNameEnum.cellBackground, type: MarkTypeEnum.cell } });
+    const heatmapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["cell"]: { name: "cell", type: "cell" }, ["cellBackground"]: { name: "cellBackground", type: "cell" } });
 
-    const correlationSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.nodePoint]: { name: exports.SeriesMarkNameEnum.nodePoint, type: MarkTypeEnum.symbol }, [exports.SeriesMarkNameEnum.ripplePoint]: { name: exports.SeriesMarkNameEnum.ripplePoint, type: MarkTypeEnum.ripple }, [exports.SeriesMarkNameEnum.centerPoint]: { name: exports.SeriesMarkNameEnum.centerPoint, type: MarkTypeEnum.symbol }, [exports.SeriesMarkNameEnum.centerLabel]: { name: exports.SeriesMarkNameEnum.centerLabel, type: MarkTypeEnum.text } });
+    const correlationSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["nodePoint"]: { name: "nodePoint", type: "symbol" }, ["ripplePoint"]: { name: "ripplePoint", type: "ripple" }, ["centerPoint"]: { name: "centerPoint", type: "symbol" }, ["centerLabel"]: { name: "centerLabel", type: "text" } });
 
     const rangeAreaSeriesMark = Object.assign({}, areaSeriesMark);
 
@@ -49521,20 +49495,6 @@
         }
     };
 
-    var PositionEnum;
-    (function (PositionEnum) {
-        PositionEnum["middle"] = "middle";
-        PositionEnum["start"] = "start";
-        PositionEnum["end"] = "end";
-        PositionEnum["bothEnd"] = "bothEnd";
-    })(PositionEnum || (PositionEnum = {}));
-    var minMaxPositionEnum;
-    (function (minMaxPositionEnum) {
-        minMaxPositionEnum["middle"] = "middle";
-        minMaxPositionEnum["start"] = "start";
-        minMaxPositionEnum["end"] = "end";
-    })(minMaxPositionEnum || (minMaxPositionEnum = {}));
-
     const rangeColumn = {
         label: {
             visible: false,
@@ -49544,10 +49504,10 @@
                 fill: { type: 'palette', key: 'axisMarkerFontColor' }
             },
             minLabel: {
-                position: minMaxPositionEnum.end
+                position: "end"
             },
             maxLabel: {
-                position: minMaxPositionEnum.start
+                position: "start"
             }
         }
     };
@@ -51488,7 +51448,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const MarkConstructor = Factory._marks[markType];
             const markInstance = new MarkConstructor(name, options);
-            if (markInstance.type === MarkTypeEnum.group) {
+            if (markInstance.type === "group") {
                 markInstance.setInteractive(false);
             }
             return markInstance;
@@ -51766,12 +51726,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return targetAxisInfo;
     };
 
-    var Direction;
-    (function (Direction) {
-        Direction["vertical"] = "vertical";
-        Direction["horizontal"] = "horizontal";
-    })(Direction || (Direction = {}));
-
     function isXAxis(orient) {
         return orient === 'bottom' || orient === 'top';
     }
@@ -51791,7 +51745,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return isValidOrient(spec.orient) || (whiteList && whiteList.includes(spec.orient)) ? spec.orient : 'left';
     }
     function getDirectionByOrient(orient) {
-        return orient === 'top' || orient === 'bottom' ? Direction.horizontal : Direction.vertical;
+        return orient === 'top' || orient === 'bottom' ? "horizontal" : "vertical";
     }
     function transformInverse(spec, isHorizontal) {
         let inverse = spec.inverse;
@@ -51849,7 +51803,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             });
         };
-        if (chart.getSpec().direction === Direction.horizontal) {
+        if (chart.getSpec().direction === "horizontal") {
             addAxisDimensionInfo('y', bandAxisSet.size > 0);
             if (targetAxisInfo.length === 0) {
                 addAxisDimensionInfo('x', bandAxisSet.size > 0);
@@ -53104,59 +53058,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         });
     }
 
-    const DEFAULT_SMOOTH_INTERPOLATE = 'monotone';
-    const DEFAULT_LINEAR_INTERPOLATE = 'linear';
-
-    var ShapeTypeEnum;
-    (function (ShapeTypeEnum) {
-        ShapeTypeEnum["circle"] = "circle";
-        ShapeTypeEnum["triangle"] = "triangle";
-        ShapeTypeEnum["triangleUp"] = "triangleUp";
-        ShapeTypeEnum["triangleLeft"] = "triangleLeft";
-        ShapeTypeEnum["triangleRight"] = "triangleRight";
-        ShapeTypeEnum["triangleDown"] = "triangleDown";
-        ShapeTypeEnum["thinTriangle"] = "thinTriangle";
-        ShapeTypeEnum["rect"] = "rect";
-        ShapeTypeEnum["diamond"] = "diamond";
-        ShapeTypeEnum["square"] = "square";
-        ShapeTypeEnum["arrowLeft"] = "arrowLeft";
-        ShapeTypeEnum["arrow2Left"] = "arrow2Left";
-        ShapeTypeEnum["arrowRight"] = "arrowRight";
-        ShapeTypeEnum["arrow2Right"] = "arrow2Right";
-        ShapeTypeEnum["cross"] = "cross";
-        ShapeTypeEnum["wedge"] = "wedge";
-        ShapeTypeEnum["star"] = "star";
-        ShapeTypeEnum["wye"] = "wye";
-    })(ShapeTypeEnum || (ShapeTypeEnum = {}));
-
-    const DEFAULT_CLOSE_STROKE_JOIN = 'bevel';
-
-    var TooltipFixedPosition;
-    (function (TooltipFixedPosition) {
-        TooltipFixedPosition["top"] = "top";
-        TooltipFixedPosition["bottom"] = "bottom";
-        TooltipFixedPosition["left"] = "left";
-        TooltipFixedPosition["right"] = "right";
-        TooltipFixedPosition["tl"] = "tl";
-        TooltipFixedPosition["lt"] = "lt";
-        TooltipFixedPosition["tr"] = "tr";
-        TooltipFixedPosition["rt"] = "rt";
-        TooltipFixedPosition["bl"] = "bl";
-        TooltipFixedPosition["lb"] = "lb";
-        TooltipFixedPosition["br"] = "br";
-        TooltipFixedPosition["rb"] = "rb";
-        TooltipFixedPosition["inside"] = "inside";
-    })(TooltipFixedPosition || (TooltipFixedPosition = {}));
-    var TooltipPositionMode;
-    (function (TooltipPositionMode) {
-        TooltipPositionMode["pointer"] = "pointer";
-        TooltipPositionMode["mark"] = "mark";
-    })(TooltipPositionMode || (TooltipPositionMode = {}));
-
     function setDefaultCrosshairForCartesianChart(spec) {
         spec.crosshair = array(spec.crosshair || {}).map(crosshairCfg => {
             return mergeSpec({
-                [spec.direction === Direction.horizontal ? 'yField' : 'xField']: {
+                [spec.direction === "horizontal" ? 'yField' : 'xField']: {
                     visible: true,
                     line: {
                         visible: true,
@@ -53249,16 +53154,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         STATE_VALUE_ENUM_REVERSE["STATE_DIMENSION_HOVER_REVERSE"] = "dimension_hover_reverse";
         STATE_VALUE_ENUM_REVERSE["STATE_SELECTED_REVERSE"] = "selected_reverse";
     })(STATE_VALUE_ENUM_REVERSE || (STATE_VALUE_ENUM_REVERSE = {}));
-    var STATE_LEVEL;
-    (function (STATE_LEVEL) {
-        STATE_LEVEL[STATE_LEVEL["NORMAL"] = 0] = "NORMAL";
-        STATE_LEVEL[STATE_LEVEL["DIMENSION_SELECTED"] = 1] = "DIMENSION_SELECTED";
-        STATE_LEVEL[STATE_LEVEL["RELATIONAL_SELECTED"] = 2] = "RELATIONAL_SELECTED";
-        STATE_LEVEL[STATE_LEVEL["SELECTED"] = 3] = "SELECTED";
-        STATE_LEVEL[STATE_LEVEL["DIMENSION_HOVER"] = 4] = "DIMENSION_HOVER";
-        STATE_LEVEL[STATE_LEVEL["RELATIONAL_HOVER"] = 5] = "RELATIONAL_HOVER";
-        STATE_LEVEL[STATE_LEVEL["HOVER"] = 6] = "HOVER";
-    })(STATE_LEVEL || (STATE_LEVEL = {}));
 
     class MarkSet {
         constructor() {
@@ -53880,12 +53775,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
-    var IFilterMode;
-    (function (IFilterMode) {
-        IFilterMode["filter"] = "filter";
-        IFilterMode["axis"] = "axis";
-    })(IFilterMode || (IFilterMode = {}));
-
     class BaseModelSpecTransformer {
         constructor(option) {
             this._option = option;
@@ -54625,13 +54514,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const chartSpec = this._option.getChart().getSpec();
             const hasDataZoom = (_b = (_a = chartSpec.dataZoom) === null || _a === void 0 ? void 0 : _a.some) === null || _b === void 0 ? void 0 : _b.call(_a, (entry) => {
                 var _a;
-                const filterMode = (_a = entry.filterMode) !== null && _a !== void 0 ? _a : IFilterMode.filter;
-                return filterMode === IFilterMode.axis;
+                const filterMode = (_a = entry.filterMode) !== null && _a !== void 0 ? _a : "filter";
+                return filterMode === "axis";
             });
             const hasScrollBar = (_d = (_c = chartSpec.scrollBar) === null || _c === void 0 ? void 0 : _c.some) === null || _d === void 0 ? void 0 : _d.call(_c, (entry) => {
                 var _a;
-                const filterMode = (_a = entry.filterMode) !== null && _a !== void 0 ? _a : IFilterMode.axis;
-                return filterMode === IFilterMode.axis;
+                const filterMode = (_a = entry.filterMode) !== null && _a !== void 0 ? _a : "axis";
+                return filterMode === "axis";
             });
             return hasDataZoom || hasScrollBar ? true : this._layout.layoutClip;
         }
@@ -54643,9 +54532,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._groupMark = this._createGroupMark('regionGroup', this.userId, this.layoutZIndex);
             this._interactionMark = this._createGroupMark('regionInteractionGroup', this.userId + '_interaction', exports.LayoutZIndex.Interaction);
             if (this._spec.style) {
-                this._backgroundMark = this._createMark({ type: MarkTypeEnum.rect, name: 'regionBackground' });
+                this._backgroundMark = this._createMark({ type: "rect", name: 'regionBackground' });
                 if (clip) {
-                    this._foregroundMark = this._createMark({ type: MarkTypeEnum.rect, name: 'regionForeground' });
+                    this._foregroundMark = this._createMark({ type: "rect", name: 'regionForeground' });
                 }
                 [this._backgroundMark, this._foregroundMark].forEach(mark => {
                     if (mark) {
@@ -54664,7 +54553,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _createGroupMark(name, userId, zIndex) {
             var _a, _b;
-            const groupMark = this._createMark({ type: MarkTypeEnum.group, name });
+            const groupMark = this._createMark({ type: "group", name });
             groupMark.setUserId(userId);
             groupMark.setZIndex(zIndex);
             const clip = (_a = this._spec.clip) !== null && _a !== void 0 ? _a : this._getClipDefaultValue();
@@ -55492,7 +55381,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     Layout.type = 'base';
 
-    const MultiDatumMark = [MarkTypeEnum.line, MarkTypeEnum.area, 'trail'];
+    const MultiDatumMark = ["line", "area", 'trail'];
     function isMultiDatumMark(type) {
         return MultiDatumMark.includes(type);
     }
@@ -56581,7 +56470,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
     }
-    GroupMark.type = MarkTypeEnum.group;
+    GroupMark.type = "group";
     const registerGroupMark = () => {
         registerGroupGraphic();
         Factory.registerMark(GroupMark.type, GroupMark);
@@ -56595,9 +56484,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     const Appear_Grow$6 = (params) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growPointsXIn' : 'growPointsYIn',
+            type: params.direction === "horizontal" ? 'growPointsXIn' : 'growPointsYIn',
             options: {
-                orient: params.direction === Direction.horizontal ? 'positive' : 'negative'
+                orient: params.direction === "horizontal" ? 'positive' : 'negative'
             }
         };
     };
@@ -58443,43 +58332,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerChartPlugin(MediaQuery);
     };
 
-    const version = "1.8.9";
-
-    var ChartTypeEnum;
-    (function (ChartTypeEnum) {
-        ChartTypeEnum["common"] = "common";
-        ChartTypeEnum["area"] = "area";
-        ChartTypeEnum["line"] = "line";
-        ChartTypeEnum["bar"] = "bar";
-        ChartTypeEnum["bar3d"] = "bar3d";
-        ChartTypeEnum["histogram"] = "histogram";
-        ChartTypeEnum["histogram3d"] = "histogram3d";
-        ChartTypeEnum["rangeColumn"] = "rangeColumn";
-        ChartTypeEnum["rangeColumn3d"] = "rangeColumn3d";
-        ChartTypeEnum["rangeArea"] = "rangeArea";
-        ChartTypeEnum["map"] = "map";
-        ChartTypeEnum["pie"] = "pie";
-        ChartTypeEnum["pie3d"] = "pie3d";
-        ChartTypeEnum["radar"] = "radar";
-        ChartTypeEnum["rose"] = "rose";
-        ChartTypeEnum["scatter"] = "scatter";
-        ChartTypeEnum["sequence"] = "sequence";
-        ChartTypeEnum["circularProgress"] = "circularProgress";
-        ChartTypeEnum["linearProgress"] = "linearProgress";
-        ChartTypeEnum["wordCloud"] = "wordCloud";
-        ChartTypeEnum["wordCloud3d"] = "wordCloud3d";
-        ChartTypeEnum["funnel"] = "funnel";
-        ChartTypeEnum["funnel3d"] = "funnel3d";
-        ChartTypeEnum["waterfall"] = "waterfall";
-        ChartTypeEnum["boxPlot"] = "boxPlot";
-        ChartTypeEnum["gauge"] = "gauge";
-        ChartTypeEnum["sankey"] = "sankey";
-        ChartTypeEnum["treemap"] = "treemap";
-        ChartTypeEnum["sunburst"] = "sunburst";
-        ChartTypeEnum["circlePacking"] = "circlePacking";
-        ChartTypeEnum["heatmap"] = "heatmap";
-        ChartTypeEnum["correlation"] = "correlation";
-    })(ChartTypeEnum || (ChartTypeEnum = {}));
+    const version = "1.8.10";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -59121,7 +58974,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             let stateConfig;
             if (isArray$1(userStateConfig)) {
-                stateConfig = userStateConfig;
+                stateConfig = userStateConfig.map((userConfig, i) => {
+                    var _a;
+                    let singleConfig = userConfig;
+                    if (isChannelAnimation(singleConfig)) {
+                        delete singleConfig.type;
+                    }
+                    if (singleConfig.oneByOne) {
+                        singleConfig = produceOneByOne(singleConfig, (_a = params === null || params === void 0 ? void 0 : params.dataIndex) !== null && _a !== void 0 ? _a : defaultDataIndex, params === null || params === void 0 ? void 0 : params.dataCount);
+                    }
+                    return singleConfig;
+                });
             }
             else {
                 stateConfig = defaultStateConfig.map((stateConfig, i) => {
@@ -59569,8 +59432,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     if (fieldInfo && fieldInfo.lockStatisticsByDomain && fieldInfo.domain) {
                         this._rawStatisticsCache[field] = {};
                         if (isNumeric) {
-                            this._rawStatisticsCache[field].min = Math.min(fieldInfo.domain);
-                            this._rawStatisticsCache[field].max = Math.max(fieldInfo.domain);
+                            this._rawStatisticsCache[field].min = minInArray(fieldInfo.domain);
+                            this._rawStatisticsCache[field].max = maxInArray(fieldInfo.domain);
                         }
                         else {
                             this._rawStatisticsCache[field].values = fieldInfo.domain;
@@ -59583,6 +59446,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                 }
             }
+            if (isNumeric && (isNil$1(this._rawStatisticsCache[field].min) || isNil$1(this._rawStatisticsCache[field].max))) {
+                this._rawStatisticsCache[field].min = minInArray(this._rawStatisticsCache[field].values);
+                this._rawStatisticsCache[field].max = maxInArray(this._rawStatisticsCache[field].values);
+            }
             return this._rawStatisticsCache[field];
         }
         _statisticViewData() {
@@ -59751,7 +59618,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initRootMark() {
             var _a, _b;
-            this._rootMark = this._createMark({ type: MarkTypeEnum.group, name: `seriesGroup_${this.type}_${this.id}` }, {
+            this._rootMark = this._createMark({ type: "group", name: `seriesGroup_${this.type}_${this.id}` }, {
                 parent: (_b = (_a = this._region).getGroupMark) === null || _b === void 0 ? void 0 : _b.call(_a),
                 dataView: false
             });
@@ -60269,7 +60136,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._scaleConfig = {
                 bandPosition: this._bandPosition
             };
-            this._direction = Direction.vertical;
+            this._direction = "vertical";
             this._sortDataByAxis = false;
             this._getInvalidDefined = (datum) => {
                 var _a, _b;
@@ -60420,13 +60287,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this.getGroupFields();
         }
         getStackValueField() {
-            if (this.direction === Direction.vertical) {
+            if (this.direction === "vertical") {
                 return array(this._spec.yField)[0];
             }
             return array(this._spec.xField)[0];
         }
         setValueFieldToStack() {
-            if (this.direction === Direction.vertical) {
+            if (this.direction === "vertical") {
                 this.setFieldY(STACK_FIELD_END);
                 this.setFieldY2(STACK_FIELD_START);
             }
@@ -60436,7 +60303,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         setValueFieldToPercent() {
-            if (this.direction === Direction.vertical) {
+            if (this.direction === "vertical") {
                 this.setFieldY(STACK_FIELD_END_PERCENT);
                 this.setFieldY2(STACK_FIELD_START_PERCENT);
             }
@@ -60446,7 +60313,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         setValueFieldToStackOffsetSilhouette() {
-            if (this.direction === Direction.vertical) {
+            if (this.direction === "vertical") {
                 this.setFieldY(STACK_FIELD_END_OffsetSilhouette);
                 this.setFieldY2(STACK_FIELD_START_OffsetSilhouette);
             }
@@ -60648,13 +60515,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._buildScaleConfig();
         }
         getDimensionField() {
-            if (this._direction === Direction.vertical) {
+            if (this._direction === "vertical") {
                 return this._specXField;
             }
             return this._specYField;
         }
         getMeasureField() {
-            if (this._direction === Direction.vertical) {
+            if (this._direction === "vertical") {
                 return this._specYField;
             }
             return this._specXField;
@@ -60668,7 +60535,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _sortDataInAxisDomain() {
             var _a, _b, _c;
             if ((_b = (_a = this.getViewData()) === null || _a === void 0 ? void 0 : _a.latestData) === null || _b === void 0 ? void 0 : _b.length) {
-                sortDataInAxisHelper(this._direction === Direction.horizontal ? this._yAxisHelper : this._xAxisHelper, this._direction === Direction.horizontal ? this._fieldY[0] : this._fieldX[0], this.getViewData().latestData);
+                sortDataInAxisHelper(this._direction === "horizontal" ? this._yAxisHelper : this._xAxisHelper, this._direction === "horizontal" ? this._fieldY[0] : this._fieldX[0], this.getViewData().latestData);
                 (_c = this._data) === null || _c === void 0 ? void 0 : _c.updateData(true);
             }
         }
@@ -60683,6 +60550,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
+    const DEFAULT_SMOOTH_INTERPOLATE = 'monotone';
+    const DEFAULT_LINEAR_INTERPOLATE = 'linear';
+
+    const DEFAULT_CLOSE_STROKE_JOIN = 'bevel';
+
     class LineLikeSeriesMixin {
         addSamplingCompile() {
             if (this._spec.sampling) {
@@ -60692,9 +60564,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const fieldsX = this._fieldX;
                 samplingTrans.push({
                     type: 'sampling',
-                    size: this._direction === Direction.vertical ? width : height,
+                    size: this._direction === "vertical" ? width : height,
                     factor: this._spec.samplingFactor,
-                    yfield: this._direction === Direction.vertical ? fieldsY[0] : fieldsX[0],
+                    yfield: this._direction === "vertical" ? fieldsY[0] : fieldsX[0],
                     groupBy: this._seriesField,
                     mode: this._spec.sampling
                 });
@@ -60707,7 +60579,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const overlapTrans = [];
                 overlapTrans.push({
                     type: 'markoverlap',
-                    direction: this._direction === Direction.horizontal && this.coordinate === 'cartesian' ? 2 : 1,
+                    direction: this._direction === "horizontal" && this.coordinate === 'cartesian' ? 2 : 1,
                     delta: this._spec.pointDis,
                     deltaMul: this._spec.pointDisMul,
                     groupBy: this._seriesField
@@ -60757,7 +60629,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 else {
                     const userCurveType = areaCurveType !== null && areaCurveType !== void 0 ? areaCurveType : (_b = (_a = this.getSpec().line) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.curveType;
                     const curveType = userCurveType === DEFAULT_SMOOTH_INTERPOLATE
-                        ? direction === Direction.vertical
+                        ? direction === "vertical"
                             ? 'monotoneX'
                             : 'monotoneY'
                         : userCurveType;
@@ -60815,7 +60687,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (this._spec.activePoint === true) {
                 const activeData = new DataView(this._option.dataSet, { name: `${PREFIX}_series_${this.id}_active_point` });
                 activeData.parse([]);
-                this._symbolActiveMark = this._createMark({ name: `active_point`, type: MarkTypeEnum.symbol }, {
+                this._symbolActiveMark = this._createMark({ name: `active_point`, type: "symbol" }, {
                     morph: false,
                     groupKey: this._seriesField,
                     isSeriesMark: false,
@@ -61019,7 +60891,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return ['fill', 'fillOpacity'];
         }
     }
-    LineMark.type = MarkTypeEnum.line;
+    LineMark.type = "line";
     const registerLineMark = () => {
         Factory.registerMark(LineMark.type, LineMark);
         registerLineGraphic();
@@ -61028,7 +60900,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class BaseSymbolMark extends BaseMark {
         _getDefaultStyle() {
-            const defaultStyle = Object.assign(Object.assign({}, super._getDefaultStyle()), { size: 1, symbolType: ShapeTypeEnum.circle, fill: undefined, lineWidth: 0 });
+            const defaultStyle = Object.assign(Object.assign({}, super._getDefaultStyle()), { size: 1, symbolType: 'circle', fill: undefined, lineWidth: 0 });
             return defaultStyle;
         }
     }
@@ -61038,7 +60910,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.type = SymbolMark.type;
         }
     }
-    SymbolMark.type = MarkTypeEnum.symbol;
+    SymbolMark.type = "symbol";
     const registerSymbolMark = () => {
         Factory.registerMark(SymbolMark.type, SymbolMark);
         registerSymbolGraphic();
@@ -61049,12 +60921,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c;
             const isPointVisible = ((_a = spec.point) === null || _a === void 0 ? void 0 : _a.visible) !== false && ((_c = (_b = spec.point) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.visible) !== false;
             if (!isPointVisible) {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.line);
+                this._addMarkLabelSpec(spec, "line");
             }
             else {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.point);
+                this._addMarkLabelSpec(spec, "point");
             }
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.line, 'lineLabel', 'initLineLabelMarkStyle', undefined, true);
+            this._addMarkLabelSpec(spec, "line", 'lineLabel', 'initLineLabelMarkStyle', undefined, true);
         }
     }
 
@@ -61095,10 +60967,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d;
             const lineAnimationParams = { direction: this.direction };
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this._lineMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('line')) === null || _c === void 0 ? void 0 : _c(lineAnimationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.line, this._spec, this._markAttributeContext)));
+            this._lineMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('line')) === null || _c === void 0 ? void 0 : _c(lineAnimationParams, appearPreset), userAnimationConfig("line", this._spec, this._markAttributeContext)));
             if (this._symbolMark) {
                 const animationParams = getGroupAnimationParams(this);
-                this._symbolMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('scaleInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.point, this._spec, this._markAttributeContext), animationParams));
+                this._symbolMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('scaleInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("point", this._spec, this._markAttributeContext), animationParams));
             }
         }
         onLayoutEnd(ctx) {
@@ -61779,7 +61651,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _createBackground() {
             const backgroundStyle = convertBackgroundSpec(this._spec.background);
             if (backgroundStyle) {
-                this._backgroundMark = Factory.createMark(MarkTypeEnum.group, 'chart-background', {
+                this._backgroundMark = Factory.createMark("group", 'chart-background', {
                     model: this,
                     map: this._option.map,
                     getCompiler: this.getCompiler,
@@ -62753,12 +62625,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = LineChartSpecTransformer;
-            this.type = ChartTypeEnum.line;
+            this.type = "line";
             this.seriesType = exports.SeriesTypeEnum.line;
             this._canStack = true;
         }
     }
-    LineChart.type = ChartTypeEnum.line;
+    LineChart.type = "line";
     LineChart.seriesType = exports.SeriesTypeEnum.line;
     LineChart.view = 'singleDefault';
     LineChart.transformerConstructor = LineChartSpecTransformer;
@@ -62780,7 +62652,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return [];
         }
     }
-    AreaMark.type = MarkTypeEnum.area;
+    AreaMark.type = "area";
     const registerAreaMark = () => {
         Factory.registerMark(AreaMark.type, AreaMark);
         registerAreaGraphic();
@@ -62816,9 +62688,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     const Appear_Grow$5 = (params) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growPointsXIn' : 'growPointsYIn',
+            type: params.direction === "horizontal" ? 'growPointsXIn' : 'growPointsYIn',
             options: {
-                orient: params.direction === Direction.horizontal ? 'positive' : 'negative'
+                orient: params.direction === "horizontal" ? 'positive' : 'negative'
             }
         };
     };
@@ -62855,10 +62727,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _transformLabelSpec(spec) {
             var _a, _b, _c;
             super._transformLabelSpec(spec);
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.area, 'areaLabel', 'initLineLabelMarkStyle', undefined, true);
+            this._addMarkLabelSpec(spec, "area", 'areaLabel', 'initLineLabelMarkStyle', undefined, true);
             const isPointVisible = ((_a = spec.point) === null || _a === void 0 ? void 0 : _a.visible) !== false && ((_c = (_b = spec.point) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.visible) !== false;
             if (!isPointVisible) {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.area);
+                this._addMarkLabelSpec(spec, "area");
             }
         }
         _transformSpecAfterMergingTheme(spec, chartSpec, chartSpecInfo) {
@@ -62935,13 +62807,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d, _e;
             const userCurveType = ((_c = (_b = (_a = this.getSpec().area) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.curveType) !== null && _c !== void 0 ? _c : (_e = (_d = this.getSpec().line) === null || _d === void 0 ? void 0 : _d.style) === null || _e === void 0 ? void 0 : _e.curveType);
             const curveType = userCurveType === DEFAULT_SMOOTH_INTERPOLATE
-                ? this._direction === Direction.vertical
+                ? this._direction === "vertical"
                     ? 'monotoneX'
                     : 'monotoneY'
                 : userCurveType;
             const areaMark = this._areaMark;
             if (areaMark) {
-                if (this._direction === Direction.vertical) {
+                if (this._direction === "vertical") {
                     this.setMarkStyle(this._areaMark, {
                         x: this.dataToPositionX.bind(this),
                         y1: (datum) => {
@@ -62994,14 +62866,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const areaAnimationParams = { direction: this.direction };
             const appearPreset = (_a = this._spec.animationAppear) === null || _a === void 0 ? void 0 : _a.preset;
             if (this._lineMark) {
-                this._lineMark.setAnimationConfig(animationConfig((_b = Factory.getAnimationInKey('line')) === null || _b === void 0 ? void 0 : _b(areaAnimationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.line, this._spec, this._markAttributeContext)));
+                this._lineMark.setAnimationConfig(animationConfig((_b = Factory.getAnimationInKey('line')) === null || _b === void 0 ? void 0 : _b(areaAnimationParams, appearPreset), userAnimationConfig("line", this._spec, this._markAttributeContext)));
             }
             if (this._areaMark) {
-                this._areaMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('area')) === null || _c === void 0 ? void 0 : _c(areaAnimationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.area, this._spec, this._markAttributeContext)));
+                this._areaMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('area')) === null || _c === void 0 ? void 0 : _c(areaAnimationParams, appearPreset), userAnimationConfig("area", this._spec, this._markAttributeContext)));
             }
             if (this._symbolMark) {
                 const animationParams = getGroupAnimationParams(this);
-                this._symbolMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('scaleInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.point, this._spec, this._markAttributeContext), animationParams));
+                this._symbolMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('scaleInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("point", this._spec, this._markAttributeContext), animationParams));
             }
         }
         initTooltip() {
@@ -63074,12 +62946,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = AreaChartSpecTransformer;
-            this.type = ChartTypeEnum.area;
+            this.type = "area";
             this.seriesType = exports.SeriesTypeEnum.area;
             this._canStack = true;
         }
     }
-    AreaChart.type = ChartTypeEnum.area;
+    AreaChart.type = "area";
     AreaChart.seriesType = exports.SeriesTypeEnum.area;
     AreaChart.view = 'singleDefault';
     AreaChart.transformerConstructor = AreaChartSpecTransformer;
@@ -63106,13 +62978,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     const barGrowIn = (params, isOverall = true) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growWidthIn' : 'growHeightIn',
+            type: params.direction === "horizontal" ? 'growWidthIn' : 'growHeightIn',
             options: barGrowOption(params, isOverall)
         };
     };
     const barGrowOut = (params, isOverall = true) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growWidthOut' : 'growHeightOut',
+            type: params.direction === "horizontal" ? 'growWidthOut' : 'growHeightOut',
             options: barGrowOption(params, isOverall)
         };
     };
@@ -63166,7 +63038,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    RectMark.type = MarkTypeEnum.rect;
+    RectMark.type = "rect";
     const registerRectMark = () => {
         Factory.registerMark(RectMark.type, RectMark);
         registerRectGraphic();
@@ -63217,7 +63089,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class BarSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.bar);
+            this._addMarkLabelSpec(spec, "bar");
         }
     }
 
@@ -63226,8 +63098,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.bar;
-            this._barMarkName = exports.SeriesMarkNameEnum.bar;
-            this._barMarkType = MarkTypeEnum.rect;
+            this._barMarkName = "bar";
+            this._barMarkType = "rect";
             this.transformerConstructor = BarSeriesSpecTransformer;
             this._supportStack = true;
             this._bandPosition = 0;
@@ -63432,7 +63304,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d;
             const xScale = (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
             const yScale = (_d = (_c = this._yAxisHelper) === null || _c === void 0 ? void 0 : _c.getScale) === null || _d === void 0 ? void 0 : _d.call(_c, 0);
-            if (this.direction === Direction.horizontal) {
+            if (this.direction === "horizontal") {
                 this.setMarkStyle(this._barMark, {
                     x: (datum) => {
                         if (this._shouldDoPreCalculate()) {
@@ -63489,7 +63361,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const xScale = (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
             const yScale = (_d = (_c = this._yAxisHelper) === null || _c === void 0 ? void 0 : _c.getScale) === null || _d === void 0 ? void 0 : _d.call(_c, 0);
-            if (this.direction === Direction.horizontal) {
+            if (this.direction === "horizontal") {
                 this.setMarkStyle(this._barBackgroundMark, {
                     x: () => {
                         const range = xScale.range();
@@ -63528,7 +63400,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d;
             const xScale = (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
             const yScale = (_d = (_c = this._yAxisHelper) === null || _c === void 0 ? void 0 : _c.getScale) === null || _d === void 0 ? void 0 : _d.call(_c, 0);
-            if (this.direction === Direction.vertical) {
+            if (this.direction === "vertical") {
                 this.setMarkStyle(this._barMark, {
                     x: (datum) => valueInScaleRange(this.dataToPositionX(datum), xScale),
                     x1: (datum) => valueInScaleRange(this.dataToPositionX1(datum), xScale),
@@ -63615,7 +63487,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             let axisHelper;
             let sizeAttribute;
             let dataToPosition;
-            if (direction === Direction.horizontal) {
+            if (direction === "horizontal") {
                 axisHelper = this.getYAxisHelper();
                 sizeAttribute = 'height';
                 dataToPosition = this.dataToPositionY.bind(this);
@@ -63672,9 +63544,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const fieldsX = this._fieldX;
                 samplingTrans.push({
                     type: 'sampling',
-                    size: this._direction === Direction.vertical ? width : height,
+                    size: this._direction === "vertical" ? width : height,
                     factor: this._spec.samplingFactor,
-                    yfield: this._direction === Direction.vertical ? fieldsY[0] : fieldsX[0],
+                    yfield: this._direction === "vertical" ? fieldsY[0] : fieldsX[0],
                     groupBy: this._seriesField,
                     mode: this._spec.sampling
                 });
@@ -63734,12 +63606,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = BarChartSpecTransformer;
-            this.type = ChartTypeEnum.bar;
+            this.type = "bar";
             this.seriesType = exports.SeriesTypeEnum.bar;
             this._canStack = true;
         }
     }
-    BarChart.type = ChartTypeEnum.bar;
+    BarChart.type = "bar";
     BarChart.seriesType = exports.SeriesTypeEnum.bar;
     BarChart.view = 'singleDefault';
     BarChart.transformerConstructor = BarChartSpecTransformer;
@@ -63758,7 +63630,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    Rect3dMark.type = MarkTypeEnum.rect3d;
+    Rect3dMark.type = "rect3d";
     const registerRect3dMark = () => {
         Factory.registerMark(Rect3dMark.type, Rect3dMark);
         registerRect3dGraphic();
@@ -63769,8 +63641,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.bar3d;
-            this._barMarkName = exports.SeriesMarkNameEnum.bar3d;
-            this._barMarkType = MarkTypeEnum.rect3d;
+            this._barMarkName = "bar3d";
+            this._barMarkType = "rect3d";
         }
     }
     Bar3dSeries.type = exports.SeriesTypeEnum.bar3d;
@@ -63791,11 +63663,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = Bar3dChartSpecTransformer;
-            this.type = ChartTypeEnum.bar3d;
+            this.type = "bar3d";
             this.seriesType = exports.SeriesTypeEnum.bar3d;
         }
     }
-    Bar3dChart.type = ChartTypeEnum.bar3d;
+    Bar3dChart.type = "bar3d";
     Bar3dChart.seriesType = exports.SeriesTypeEnum.bar3d;
     Bar3dChart.view = 'singleDefault';
     Bar3dChart.transformerConstructor = Bar3dChartSpecTransformer;
@@ -63836,7 +63708,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class ScatterSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.point);
+            this._addMarkLabelSpec(spec, "point");
         }
     }
 
@@ -63957,7 +63829,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c;
             const animationParams = getGroupAnimationParams(this);
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this._symbolMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('scatter')) === null || _c === void 0 ? void 0 : _c({}, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.point, this._spec, this._markAttributeContext), animationParams));
+            this._symbolMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('scatter')) === null || _c === void 0 ? void 0 : _c({}, appearPreset), userAnimationConfig("point", this._spec, this._markAttributeContext), animationParams));
         }
         initSymbolMarkStyle() {
             const symbolMark = this._symbolMark;
@@ -64092,12 +63964,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = ScatterChartSpecTransformer;
-            this.type = ChartTypeEnum.scatter;
+            this.type = "scatter";
             this.seriesType = exports.SeriesTypeEnum.scatter;
             this._canStack = true;
         }
     }
-    ScatterChart.type = ChartTypeEnum.scatter;
+    ScatterChart.type = "scatter";
     ScatterChart.seriesType = exports.SeriesTypeEnum.scatter;
     ScatterChart.view = 'singleDefault';
     ScatterChart.transformerConstructor = ScatterChartSpecTransformer;
@@ -64478,7 +64350,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    PathMark.type = MarkTypeEnum.path;
+    PathMark.type = "path";
     const registerPathMark = () => {
         Factory.registerMark(PathMark.type, PathMark);
         registerPathGraphic();
@@ -64778,8 +64650,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const theme = getComponentThemeFromOption(type, chartTheme);
         const directionTheme = theme[getDirectionByOrient(orient)];
         const finalTheme = mergeSpec({}, theme, directionTheme);
-        delete finalTheme[Direction.horizontal];
-        delete finalTheme[Direction.vertical];
+        delete finalTheme["horizontal"];
+        delete finalTheme["vertical"];
         return finalTheme;
     };
 
@@ -65091,10 +64963,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._isGestureListener = isMobileLikeMode(this._renderMode) || isMiniAppLikeMode(this._renderMode);
             if (getDefaultTriggerEventByMode(this._renderMode)) {
                 this._clickEnable = true;
-                this._zoomableTrigger = new (this._getTriggerEvent('trigger'))();
+                this._zoomableTrigger = new (this._getZoomTriggerEvent('trigger'))();
             }
         }
-        _getTriggerEvent(type) {
+        _getZoomTriggerEvent(type) {
             return getDefaultTriggerEventByMode(this._renderMode)[type];
         }
         _zoomEventDispatch(params, regionOrSeries, callback) {
@@ -65141,11 +65013,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const delayTime = (_b = option === null || option === void 0 ? void 0 : option.delayTime) !== null && _b !== void 0 ? _b : 0;
             const event = this._isGestureListener ? this._gestureController : eventObj;
             const zoomParams = this._isGestureListener
-                ? [this._getTriggerEvent('zoom')]
-                : [this._getTriggerEvent('zoom'), { level: exports.Event_Bubble_Level.chart, consume: true }];
+                ? [this._getZoomTriggerEvent('zoom')]
+                : [this._getZoomTriggerEvent('zoom'), { level: exports.Event_Bubble_Level.chart, consume: true }];
             const zoomEndParams = this._isGestureListener
-                ? [this._getTriggerEvent('zoomEnd')]
-                : [this._getTriggerEvent('zoomEnd'), { level: exports.Event_Bubble_Level.chart, consume: false }];
+                ? [this._getZoomTriggerEvent('zoomEnd')]
+                : [this._getZoomTriggerEvent('zoomEnd'), { level: exports.Event_Bubble_Level.chart, consume: false }];
             event.on(...zoomEndParams, delayMap[delayType]((params) => {
                 this._zoomableTrigger.clearZoom();
             }, delayTime));
@@ -65214,11 +65086,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const delayTime = (_b = option === null || option === void 0 ? void 0 : option.delayTime) !== null && _b !== void 0 ? _b : 0;
             const event = this._isGestureListener ? this._gestureController : eventObj;
             const scrollParams = this._isGestureListener
-                ? [this._getTriggerEvent('scroll')]
-                : [this._getTriggerEvent('scroll'), { level: exports.Event_Bubble_Level.chart, consume: true }];
+                ? [this._getZoomTriggerEvent('scroll')]
+                : [this._getZoomTriggerEvent('scroll'), { level: exports.Event_Bubble_Level.chart, consume: true }];
             const scrollEndParams = this._isGestureListener
-                ? [this._getTriggerEvent('scrollEnd')]
-                : [this._getTriggerEvent('scrollEnd'), { level: exports.Event_Bubble_Level.chart, consume: false }];
+                ? [this._getZoomTriggerEvent('scrollEnd')]
+                : [this._getZoomTriggerEvent('scrollEnd'), { level: exports.Event_Bubble_Level.chart, consume: false }];
             event.on(...scrollEndParams, delayMap[delayType]((params) => {
                 this._zoomableTrigger.clearScroll();
             }, delayTime));
@@ -65251,7 +65123,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         _bindDragEventAsRegion(eventObj, regionOrSeries, callback, option) {
-            eventObj.on(this._getTriggerEvent('start'), { level: exports.Event_Bubble_Level.chart }, (params) => {
+            eventObj.on(this._getZoomTriggerEvent('start'), { level: exports.Event_Bubble_Level.chart }, (params) => {
                 if (!params.event) {
                     return;
                 }
@@ -65273,7 +65145,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return;
             }
             if (getDefaultTriggerEventByMode(this._renderMode)) {
-                s.event.on(this._getTriggerEvent('start'), { level: exports.Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, params => {
+                s.event.on(this._getZoomTriggerEvent('start'), { level: exports.Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, params => {
                     this._handleDrag(params, callback, option);
                 });
             }
@@ -65287,7 +65159,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     if (filter) {
                         r.getSeries().forEach(s => {
                             if (filter(s)) {
-                                s.event.on(this._getTriggerEvent('start'), { level: exports.Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, params => {
+                                s.event.on(this._getZoomTriggerEvent('start'), { level: exports.Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, params => {
                                     this._handleDrag(params, callback);
                                 });
                                 s.event.on('click', { level: exports.Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, () => {
@@ -65314,8 +65186,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const delayType = (_a = option === null || option === void 0 ? void 0 : option.delayType) !== null && _a !== void 0 ? _a : 'throttle';
             const delayTime = (_b = option === null || option === void 0 ? void 0 : option.delayTime) !== null && _b !== void 0 ? _b : 0;
             const realTime = (_c = option === null || option === void 0 ? void 0 : option.realTime) !== null && _c !== void 0 ? _c : true;
-            const move = this._getTriggerEvent('move');
-            const end = this._getTriggerEvent('end');
+            const move = this._getZoomTriggerEvent('move');
+            const end = this._getZoomTriggerEvent('end');
             const event = params.event;
             let moveX = event.canvasX;
             let moveY = event.canvasY;
@@ -65689,7 +65561,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class MapSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.area, undefined, undefined, false);
+            this._addMarkLabelSpec(spec, "area", undefined, undefined, false);
         }
     }
 
@@ -65817,7 +65689,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initAnimation() {
             var _a;
-            this._pathMark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('fadeInOut')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig(exports.SeriesMarkNameEnum.area, this._spec, this._markAttributeContext)));
+            this._pathMark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('fadeInOut')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig("area", this._spec, this._markAttributeContext)));
         }
         initTooltip() {
             this._tooltipHelper = new MapSeriesTooltipHelper(this);
@@ -66103,7 +65975,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    RuleMark.type = MarkTypeEnum.rule;
+    RuleMark.type = "rule";
     const registerRuleMark = () => {
         Factory.registerMark(RuleMark.type, RuleMark);
         registerRuleGraphic();
@@ -66197,8 +66069,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class WaterfallSeriesSpecTransformer extends BarSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.bar);
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.bar, 'stackLabel');
+            this._addMarkLabelSpec(spec, "bar");
+            this._addMarkLabelSpec(spec, "bar", 'stackLabel');
         }
     }
 
@@ -66293,9 +66165,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
             const animationParams = getGroupAnimationParams(this);
-            this._barMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('waterfall')) === null || _c === void 0 ? void 0 : _c(waterfallAnimationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.bar, this._spec, this._markAttributeContext), animationParams));
+            this._barMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('waterfall')) === null || _c === void 0 ? void 0 : _c(waterfallAnimationParams, appearPreset), userAnimationConfig("bar", this._spec, this._markAttributeContext), animationParams));
             if (this._leaderLineMark) {
-                this._leaderLineMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.leaderLine, this._spec, this._markAttributeContext)));
+                this._leaderLineMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("leaderLine", this._spec, this._markAttributeContext)));
             }
         }
         viewDataUpdate(d) {
@@ -66346,7 +66218,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         totalPositionX(datum, field, pos = 0.5) {
             const { dataToPosition, getBandwidth } = this._xAxisHelper;
-            if (this._direction === Direction.vertical) {
+            if (this._direction === "vertical") {
                 return (dataToPosition([datum[field]], {
                     bandPosition: this._bandPosition
                 }) +
@@ -66359,7 +66231,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         totalPositionY(datum, field, pos = 0.5) {
             const { dataToPosition, getBandwidth } = this._yAxisHelper;
-            if (this._direction === Direction.vertical) {
+            if (this._direction === "vertical") {
                 return valueInScaleRange(dataToPosition([datum[field]], {
                     bandPosition: this._bandPosition
                 }));
@@ -66373,7 +66245,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initMarkStyle() {
             super.initMarkStyle();
             if (this._leaderLineMark) {
-                if (this._direction === Direction.vertical) {
+                if (this._direction === "vertical") {
                     this.setMarkStyle(this._leaderLineMark, {
                         visible: (datum) => !isNil$1(datum.lastIndex),
                         x: (datum) => {
@@ -66647,7 +66519,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._compiledProductId = id;
         }
     }
-    BoxPlotMark.type = MarkTypeEnum.boxPlot;
+    BoxPlotMark.type = "boxPlot";
     const registerBoxPlotMark = () => {
         Factory.registerMark(BoxPlotMark.type, BoxPlotMark);
         registerBoxplotGlyph();
@@ -66745,7 +66617,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     minMaxFillOpacity: this._shaftFillOpacity,
                     stroke: (_b = this._strokeColor) !== null && _b !== void 0 ? _b : (this._shaftShape === 'line' ? this.getColorAttribute() : DEFAULT_STROKE_COLOR)
                 };
-                const boxPlotMarkStyles = this._direction === Direction.vertical
+                const boxPlotMarkStyles = this._direction === "vertical"
                     ? Object.assign(Object.assign({ x: this.dataToPositionX.bind(this) }, commonBoxplotStyles), { boxWidth: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, ruleWidth: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, q1q3Width: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, minMaxWidth: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); } }) : Object.assign(Object.assign({ y: this.dataToPositionY.bind(this) }, commonBoxplotStyles), { boxHeight: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, ruleHeight: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, q1q3Height: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, minMaxHeight: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); } });
                 this.setMarkStyle(boxPlotMark, boxPlotMarkStyles, STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
                 this._trigger.registerMark(boxPlotMark);
@@ -66763,7 +66635,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initBoxPlotMarkStyle() {
             var _a, _b;
             const boxPlotMark = this._boxPlotMark;
-            const axisHelper = this._direction === Direction.vertical ? this._yAxisHelper : this._xAxisHelper;
+            const axisHelper = this._direction === "vertical" ? this._yAxisHelper : this._xAxisHelper;
             if (boxPlotMark && axisHelper) {
                 const { dataToPosition } = axisHelper;
                 const scale = (_a = axisHelper === null || axisHelper === void 0 ? void 0 : axisHelper.getScale) === null || _a === void 0 ? void 0 : _a.call(axisHelper, 0);
@@ -66789,7 +66661,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (outlierMark && axisHelper) {
                 const { dataToPosition } = axisHelper;
                 const scale = (_b = axisHelper === null || axisHelper === void 0 ? void 0 : axisHelper.getScale) === null || _b === void 0 ? void 0 : _b.call(axisHelper, 0);
-                const outlierMarkPositionChannel = this._direction === Direction.vertical
+                const outlierMarkPositionChannel = this._direction === "vertical"
                     ? {
                         x: this.dataToPositionX.bind(this),
                         y: (datum) => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, BOX_PLOT_OUTLIER_VALUE_FIELD), {
@@ -66820,7 +66692,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             outlierDataView.transform({
                 type: 'foldOutlierData',
                 options: {
-                    dimensionField: this._direction === Direction.vertical ? this._fieldX : this._fieldY,
+                    dimensionField: this._direction === "vertical" ? this._fieldX : this._fieldY,
                     outliersField: this._outliersField
                 }
             });
@@ -66841,8 +66713,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (this._autoBoxWidth) {
                 return this._autoBoxWidth;
             }
-            const bandAxisHelper = this._direction === Direction.vertical ? this._xAxisHelper : this._yAxisHelper;
-            const xField = this._direction === Direction.vertical ? this._fieldX : this._fieldY;
+            const bandAxisHelper = this._direction === "vertical" ? this._xAxisHelper : this._yAxisHelper;
+            const xField = this._direction === "vertical" ? this._fieldX : this._fieldY;
             const innerBandWidth = bandAxisHelper.getBandwidth(xField.length - 1);
             const autoBoxWidth = innerBandWidth / xField.length;
             this._autoBoxWidth = autoBoxWidth;
@@ -66869,7 +66741,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const animationParams = getGroupAnimationParams(this);
             if (this._boxPlotMark) {
                 const newDefaultConfig = this._initAnimationSpec((_a = Factory.getAnimationInKey('scaleInOut')) === null || _a === void 0 ? void 0 : _a());
-                const newConfig = this._initAnimationSpec(userAnimationConfig(exports.SeriesMarkNameEnum.boxPlot, this._spec, this._markAttributeContext));
+                const newConfig = this._initAnimationSpec(userAnimationConfig("boxPlot", this._spec, this._markAttributeContext));
                 this._boxPlotMark.setAnimationConfig(animationConfig(newDefaultConfig, newConfig, animationParams));
             }
             if (this._outlierMark) {
@@ -66937,7 +66809,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._compiledProductId = id;
         }
     }
-    TextMark.type = MarkTypeEnum.text;
+    TextMark.type = "text";
     const registerTextMark = () => {
         Factory.registerMark(TextMark.type, TextMark);
         registerTextGraphic();
@@ -66948,7 +66820,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         component.setMarkStyle(labelMark, {
             textAlign: (datum) => {
                 const d = direction();
-                if (d === Direction.vertical) {
+                if (d === "vertical") {
                     return 'center';
                 }
                 const _x = x(datum);
@@ -66982,7 +66854,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             },
             textBaseline: (datum) => {
                 const d = direction();
-                if (d === Direction.horizontal) {
+                if (d === "horizontal") {
                     return 'middle';
                 }
                 const _y = y(datum);
@@ -67020,7 +66892,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const d = direction();
                 const _x = x(datum);
                 const _x1 = x1(datum);
-                if (d === Direction.vertical) {
+                if (d === "vertical") {
                     return (_x + _x1) / 2;
                 }
                 if (position === 'middle') {
@@ -67054,7 +66926,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const d = direction();
                 const _y = y(datum);
                 const _y1 = y1(datum);
-                if (d === Direction.horizontal) {
+                if (d === "horizontal") {
                     return (_y + _y1) / 2;
                 }
                 if (position === 'middle') {
@@ -67100,7 +66972,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 content: [
                     {
                         key: this.contentKeyCallback,
-                        value: (datum) => this.series.getSpec().direction === Direction.horizontal
+                        value: (datum) => this.series.getSpec().direction === "horizontal"
                             ? datum[this.series.getSpec().xField[0]] + '-' + datum[this.series.getSpec().xField[1]]
                             : datum[this.series.getSpec().yField[0]] + '-' + datum[this.series.getSpec().yField[1]],
                         hasShape: true,
@@ -67155,8 +67027,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _transformLabelSpec(spec) {
             var _a;
             const labelPosition = (_a = spec.label) === null || _a === void 0 ? void 0 : _a.position;
-            if (labelPosition !== PositionEnum.bothEnd) {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.bar);
+            if (labelPosition !== "bothEnd") {
+                this._addMarkLabelSpec(spec, "bar");
             }
         }
     }
@@ -67165,7 +67037,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.rangeColumn;
-            this._barMarkType = MarkTypeEnum.rect;
+            this._barMarkType = "rect";
             this._barName = exports.SeriesTypeEnum.bar;
             this.transformerConstructor = RangeColumnSeriesSpecTransformer;
             this._stack = false;
@@ -67181,7 +67053,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 isSeriesMark: true,
                 customShape: (_b = this._spec.bar) === null || _b === void 0 ? void 0 : _b.customShape
             });
-            if (((_c = this._spec.label) === null || _c === void 0 ? void 0 : _c.visible) !== false && labelPosition === PositionEnum.bothEnd) {
+            if (((_c = this._spec.label) === null || _c === void 0 ? void 0 : _c.visible) !== false && labelPosition === "bothEnd") {
                 if (((_e = (_d = this._spec.label) === null || _d === void 0 ? void 0 : _d.minLabel) === null || _e === void 0 ? void 0 : _e.visible) !== false) {
                     this._minLabelMark = this._createMark(RangeColumnSeries.mark.minLabel, {
                         markSpec: (_f = this._spec.label) === null || _f === void 0 ? void 0 : _f.minLabel
@@ -67203,7 +67075,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.setMarkStyle(minLabelMark, {
                     fill: (_c = (_b = minLabelSpec === null || minLabelSpec === void 0 ? void 0 : minLabelSpec.style) === null || _b === void 0 ? void 0 : _b.fill) !== null && _c !== void 0 ? _c : this.getColorAttribute(),
                     text: (datum) => {
-                        const min = this._spec.direction === Direction.horizontal ? datum[this._spec.xField[0]] : datum[this._spec.yField[0]];
+                        const min = this._spec.direction === "horizontal" ? datum[this._spec.xField[0]] : datum[this._spec.yField[0]];
                         if (minLabelSpec === null || minLabelSpec === void 0 ? void 0 : minLabelSpec.formatMethod) {
                             return minLabelSpec.formatMethod(min, datum);
                         }
@@ -67230,7 +67102,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.setMarkStyle(maxLabelMark, {
                     fill: (_h = (_g = maxLabelSpec === null || maxLabelSpec === void 0 ? void 0 : maxLabelSpec.style) === null || _g === void 0 ? void 0 : _g.fill) !== null && _h !== void 0 ? _h : this.getColorAttribute(),
                     text: (datum) => {
-                        const max = this._spec.direction === Direction.horizontal ? datum[this._spec.xField[1]] : datum[this._spec.yField[1]];
+                        const max = this._spec.direction === "horizontal" ? datum[this._spec.xField[1]] : datum[this._spec.yField[1]];
                         if (maxLabelSpec === null || maxLabelSpec === void 0 ? void 0 : maxLabelSpec.formatMethod) {
                             return maxLabelSpec.formatMethod(max, datum);
                         }
@@ -67260,7 +67132,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 text: (datum) => {
                     let min;
                     let max;
-                    if (this._spec.direction === Direction.horizontal) {
+                    if (this._spec.direction === "horizontal") {
                         min = datum[this._spec.xField[0]];
                         max = datum[this._spec.xField[1]];
                     }
@@ -67298,12 +67170,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d, _e;
             const animationParams = getGroupAnimationParams(this);
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this._barMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('rangeColumn')) === null || _c === void 0 ? void 0 : _c({ direction: this.direction }, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.bar, this._spec, this._markAttributeContext), animationParams));
+            this._barMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('rangeColumn')) === null || _c === void 0 ? void 0 : _c({ direction: this.direction }, appearPreset), userAnimationConfig("bar", this._spec, this._markAttributeContext), animationParams));
             if (this._minLabelMark) {
-                this._minLabelMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.label, this._spec, this._markAttributeContext), animationParams));
+                this._minLabelMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("label", this._spec, this._markAttributeContext), animationParams));
             }
             if (this._maxLabelMark) {
-                this._maxLabelMark.setAnimationConfig(animationConfig((_e = Factory.getAnimationInKey('fadeInOut')) === null || _e === void 0 ? void 0 : _e(), userAnimationConfig(exports.SeriesMarkNameEnum.label, this._spec, this._markAttributeContext), animationParams));
+                this._maxLabelMark.setAnimationConfig(animationConfig((_e = Factory.getAnimationInKey('fadeInOut')) === null || _e === void 0 ? void 0 : _e(), userAnimationConfig("label", this._spec, this._markAttributeContext), animationParams));
             }
         }
         initTooltip() {
@@ -67329,7 +67201,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.rangeColumn3d;
-            this._barMarkType = MarkTypeEnum.rect3d;
+            this._barMarkType = "rect3d";
             this._barName = exports.SeriesTypeEnum.bar3d;
         }
     }
@@ -67377,7 +67249,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             seriesId: series.id,
                             key: this.contentKeyCallback,
                             value: (datum) => {
-                                return this.series.getSpec().direction === Direction.horizontal
+                                return this.series.getSpec().direction === "horizontal"
                                     ? datum[this.series.getSpec().xField[0]] + '-' + datum[this.series.getSpec().xField[1]]
                                     : datum[this.series.getSpec().yField[0]] + '-' + datum[this.series.getSpec().yField[1]];
                             },
@@ -67418,13 +67290,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d, _e;
             const userCurveType = (_c = (_b = (_a = this.getSpec().area) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.curveType) !== null && _c !== void 0 ? _c : (_e = (_d = this.getSpec().line) === null || _d === void 0 ? void 0 : _d.style) === null || _e === void 0 ? void 0 : _e.curveType;
             const curveType = userCurveType === DEFAULT_SMOOTH_INTERPOLATE
-                ? this._direction === Direction.vertical
+                ? this._direction === "vertical"
                     ? 'monotoneX'
                     : 'monotoneY'
                 : userCurveType;
             const areaMark = this._areaMark;
             if (areaMark) {
-                if (this._direction === Direction.vertical) {
+                if (this._direction === "vertical") {
                     this.setMarkStyle(this._areaMark, {
                         x: this.dataToPositionX.bind(this),
                         y1: (datum) => {
@@ -67934,7 +67806,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.type = ArcMark.type;
         }
     }
-    ArcMark.type = MarkTypeEnum.arc;
+    ArcMark.type = "arc";
     const registerArcMark = () => {
         registerArcGraphic();
         registerVGrammarArcAnimation();
@@ -67943,7 +67815,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class PieSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.pie);
+            this._addMarkLabelSpec(spec, "pie");
         }
         _mergeThemeToSpec(spec, chartSpec) {
             const theme = this._theme;
@@ -67966,8 +67838,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = PieSeriesSpecTransformer;
-            this._pieMarkName = exports.SeriesMarkNameEnum.pie;
-            this._pieMarkType = MarkTypeEnum.arc;
+            this._pieMarkName = "pie";
+            this._pieMarkType = "arc";
             this._startAngle = POLAR_START_RADIAN;
             this._endAngle = POLAR_END_RADIAN;
             this._pieMark = null;
@@ -68259,7 +68131,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             const appearPreset = (_a = this._spec.animationAppear) === null || _a === void 0 ? void 0 : _a.preset;
             if (this._pieMark) {
-                const pieAnimationConfig = animationConfig((_b = Factory.getAnimationInKey('pie')) === null || _b === void 0 ? void 0 : _b(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.pie, this._spec, this._markAttributeContext));
+                const pieAnimationConfig = animationConfig((_b = Factory.getAnimationInKey('pie')) === null || _b === void 0 ? void 0 : _b(animationParams, appearPreset), userAnimationConfig("pie", this._spec, this._markAttributeContext));
                 if (pieAnimationConfig.normal && pieAnimationConfig.normal.type) {
                     pieAnimationConfig.normal = centerOffsetConfig(this._pieMark, pieAnimationConfig.normal);
                 }
@@ -68307,7 +68179,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._support3d = true;
         }
     }
-    Arc3dMark.type = MarkTypeEnum.arc3d;
+    Arc3dMark.type = "arc3d";
     const registerArc3dMark = () => {
         registerVGrammarArcAnimation();
         registerArc3dGraphic();
@@ -68316,7 +68188,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class Pie3dSeriesSpecTransformer extends PieSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.pie3d);
+            this._addMarkLabelSpec(spec, "pie3d");
         }
     }
 
@@ -68324,8 +68196,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.pie3d;
-            this._pieMarkName = exports.SeriesMarkNameEnum.pie3d;
-            this._pieMarkType = MarkTypeEnum.arc3d;
+            this._pieMarkName = "pie3d";
+            this._pieMarkType = "arc3d";
             this.transformerConstructor = Pie3dSeriesSpecTransformer;
         }
         setAttrFromSpec() {
@@ -68475,7 +68347,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class RoseSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.rose);
+            this._addMarkLabelSpec(spec, "rose");
         }
     }
 
@@ -68581,7 +68453,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const animationParams = {
                     innerRadius: () => { var _a; return this._computeLayoutRadius() * ((_a = this._spec.innerRadius) !== null && _a !== void 0 ? _a : 0); }
                 };
-                this._roseMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('rose')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.rose, this._spec, this._markAttributeContext)));
+                this._roseMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('rose')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig("rose", this._spec, this._markAttributeContext)));
             }
         }
         getDefaultShapeType() {
@@ -68891,7 +68763,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const appearPreset = ((_c = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset) !== null && _c !== void 0 ? _c : 'clipIn');
             if (appearPreset === 'clipIn') {
                 if (this._rootMark) {
-                    this._rootMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('radarGroup')) === null || _d === void 0 ? void 0 : _d(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.group, this._spec, this._markAttributeContext)));
+                    this._rootMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('radarGroup')) === null || _d === void 0 ? void 0 : _d(animationParams, appearPreset), userAnimationConfig("group", this._spec, this._markAttributeContext)));
                 }
             }
             const markAnimationMap = [
@@ -69126,7 +68998,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         setSeriesField(field) {
             if (isValid$1(field)) {
                 this._seriesField = field;
-                this.getMarksInType([MarkTypeEnum.line, MarkTypeEnum.area]).forEach(m => {
+                this.getMarksInType(["line", "area"]).forEach(m => {
                     m.setFacet(this._seriesField);
                 });
             }
@@ -69596,7 +69468,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     fillOpacity: this.dataToOpacity.bind(this),
                     size: arrowSize,
                     symbolType: (datum) => {
-                        return this.isPositionYFromHigher(datum) ? ShapeTypeEnum.triangleDown : ShapeTypeEnum.triangleUp;
+                        return this.isPositionYFromHigher(datum) ? 'triangleDown' : 'triangleUp';
                     }
                 }, 'normal', exports.AttributeLevel.Series);
                 this._trigger.registerMark(arrowMark);
@@ -70021,8 +69893,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return style;
         }
     }
-    ProgressArcMark.type = MarkTypeEnum.arc;
-    ProgressArcMark.constructorType = MarkTypeEnum.progressArc;
+    ProgressArcMark.type = "arc";
+    ProgressArcMark.constructorType = "progressArc";
     const registerProgressArcMark = () => {
         registerArcGraphic();
         registerVGrammarArcAnimation();
@@ -70177,8 +70049,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initAnimation() {
             var _a, _b, _c, _d;
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this._progressMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('circularProgress')) === null || _c === void 0 ? void 0 : _c({ startAngle: this._startAngle }, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.progress, this._spec, this._markAttributeContext)));
-            this._trackMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.track, this._spec, this._markAttributeContext)));
+            this._progressMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('circularProgress')) === null || _c === void 0 ? void 0 : _c({ startAngle: this._startAngle }, appearPreset), userAnimationConfig("progress", this._spec, this._markAttributeContext)));
+            this._trackMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("track", this._spec, this._markAttributeContext)));
         }
         getActiveMarks() {
             return [this._progressMark];
@@ -70208,13 +70080,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     const Appear_Grow$1 = (params) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growWidthIn' : 'growHeightIn',
+            type: params.direction === "horizontal" ? 'growWidthIn' : 'growHeightIn',
             options: LinearProgressGrowOption(params)
         };
     };
     const linearProgressDisappear = (params) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growWidthOut' : 'growHeightOut',
+            type: params.direction === "horizontal" ? 'growWidthOut' : 'growHeightOut',
             options: LinearProgressGrowOption(params)
         };
     };
@@ -70425,8 +70297,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 direction: this.direction
             };
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this._progressMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('linearProgress')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.progress, this._spec, this._markAttributeContext)));
-            this._trackMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.track, this._spec, this._markAttributeContext)));
+            this._progressMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('linearProgress')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig("progress", this._spec, this._markAttributeContext)));
+            this._trackMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("track", this._spec, this._markAttributeContext)));
         }
         initTooltip() {
             this._tooltipHelper = new LinearProgressSeriesTooltipHelper(this);
@@ -70589,7 +70461,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const params = {
                         animationConfig: () => { var _a, _b; return (_b = (_a = mark.getAnimationConfig()) === null || _a === void 0 ? void 0 : _a.appear) === null || _b === void 0 ? void 0 : _b[0]; }
                     };
-                    mark.setAnimationConfig(animationConfig(Factory.getAnimationInKey('wordCloud')(params, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.word, this._spec, this._markAttributeContext)));
+                    mark.setAnimationConfig(animationConfig(Factory.getAnimationInKey('wordCloud')(params, appearPreset), userAnimationConfig("word", this._spec, this._markAttributeContext)));
                 }
             });
         }
@@ -72873,7 +72745,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         center: { x: r, y: r, z: (_a = this._spec.depth_3d) !== null && _a !== void 0 ? _a : r },
                         r
                     };
-                }), userAnimationConfig(exports.SeriesMarkNameEnum.word, this._spec, this._markAttributeContext)));
+                }), userAnimationConfig("word", this._spec, this._markAttributeContext)));
             }
             if (this._fillingWordMark) {
                 this._fillingWordMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('wordCloud3d')) === null || _c === void 0 ? void 0 : _c(() => {
@@ -72886,7 +72758,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         center: { x: r, y: r, z: (_a = this._spec.depth_3d) !== null && _a !== void 0 ? _a : r },
                         r
                     };
-                }), userAnimationConfig(exports.SeriesMarkNameEnum.fillingWord, this._spec, this._markAttributeContext)));
+                }), userAnimationConfig("fillingWord", this._spec, this._markAttributeContext)));
             }
         }
     }
@@ -72966,14 +72838,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.titleValueCallback = (datum, params) => {
                 var _a, _b, _c;
                 const series = this.series;
-                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === exports.SeriesMarkNameEnum.transform) {
+                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === "transform") {
                     return `转化率`;
                 }
                 return (_b = this._getDimensionData(datum)) !== null && _b !== void 0 ? _b : (_c = datum.properties) === null || _c === void 0 ? void 0 : _c[`${series.getCategoryField()}`];
             };
             this.contentValueCallback = (datum, params) => {
                 var _a;
-                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === exports.SeriesMarkNameEnum.transform) {
+                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === "transform") {
                     const measureData = datum === null || datum === void 0 ? void 0 : datum[FUNNEL_REACH_RATIO];
                     return `${(measureData * 100).toFixed(1)}%`;
                 }
@@ -72981,7 +72853,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             this.contentKeyCallback = (datum, params) => {
                 var _a;
-                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === exports.SeriesMarkNameEnum.transform) {
+                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === "transform") {
                     return `转化率`;
                 }
                 const { dimensionFields, seriesFields } = this._seriesCacheInfo;
@@ -73011,7 +72883,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    PolygonMark.type = MarkTypeEnum.polygon;
+    PolygonMark.type = "polygon";
     const registerPolygonMark = () => {
         Factory.registerMark(PolygonMark.type, PolygonMark);
         registerPolygonGraphic();
@@ -73020,9 +72892,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class FunnelSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.funnel);
+            this._addMarkLabelSpec(spec, "funnel");
             if (spec.isTransform) {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.transform, 'transformLabel');
+                this._addMarkLabelSpec(spec, "transform", 'transformLabel');
             }
         }
     }
@@ -73031,10 +72903,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.funnel;
-            this._funnelMarkName = exports.SeriesMarkNameEnum.funnel;
-            this._funnelMarkType = MarkTypeEnum.polygon;
-            this._transformMarkName = exports.SeriesMarkNameEnum.transform;
-            this._transformMarkType = MarkTypeEnum.polygon;
+            this._funnelMarkName = "funnel";
+            this._funnelMarkType = "polygon";
+            this._transformMarkName = "transform";
+            this._transformMarkType = "polygon";
             this.transformerConstructor = FunnelSeriesSpecTransformer;
             this._funnelMark = null;
             this._funnelTransformMark = null;
@@ -73270,7 +73142,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             return this.getLayoutRect().height;
                         },
                         orient: () => (this._isReverse() ? 'negative' : 'positive')
-                    }, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.group, this._spec, this._markAttributeContext)));
+                    }, appearPreset), userAnimationConfig("group", this._spec, this._markAttributeContext)));
                 }
             }
             [(_e = this._funnelOuterLabelMark) === null || _e === void 0 ? void 0 : _e.label].forEach(m => {
@@ -73284,7 +73156,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             });
             if ((_f = this._funnelOuterLabelMark) === null || _f === void 0 ? void 0 : _f.line) {
-                this._funnelOuterLabelMark.line.setAnimationConfig(animationConfig((_g = Factory.getAnimationInKey('fadeInOut')) === null || _g === void 0 ? void 0 : _g(), userAnimationConfig(exports.SeriesMarkNameEnum.outerLabelLine, this._spec, this._markAttributeContext)));
+                this._funnelOuterLabelMark.line.setAnimationConfig(animationConfig((_g = Factory.getAnimationInKey('fadeInOut')) === null || _g === void 0 ? void 0 : _g(), userAnimationConfig("outerLabelLine", this._spec, this._markAttributeContext)));
             }
         }
         initGroups() {
@@ -73660,7 +73532,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.type = Pyramid3dMark.type;
         }
     }
-    Pyramid3dMark.type = MarkTypeEnum.pyramid3d;
+    Pyramid3dMark.type = "pyramid3d";
     const registerPyramid3dMark = () => {
         Factory.registerMark(Pyramid3dMark.type, Pyramid3dMark);
         registerPyramid3dGraphic();
@@ -73669,9 +73541,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class Funnel3dSeriesSpecTransformer extends FunnelSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.funnel3d);
+            this._addMarkLabelSpec(spec, "funnel3d");
             if (spec.isTransform) {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.transform3d, 'transformLabel');
+                this._addMarkLabelSpec(spec, "transform3d", 'transformLabel');
             }
         }
     }
@@ -73680,10 +73552,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.funnel3d;
-            this._funnelMarkName = exports.SeriesMarkNameEnum.funnel3d;
-            this._funnelMarkType = MarkTypeEnum.pyramid3d;
-            this._transformMarkName = exports.SeriesMarkNameEnum.transform3d;
-            this._transformMarkType = MarkTypeEnum.pyramid3d;
+            this._funnelMarkName = "funnel3d";
+            this._funnelMarkType = "pyramid3d";
+            this._transformMarkName = "transform3d";
+            this._transformMarkType = "pyramid3d";
             this.transformerConstructor = Funnel3dSeriesSpecTransformer;
         }
         initMark() {
@@ -74646,7 +74518,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
 
     class Drillable {
-        _getTriggerEvent(type) {
+        _getDrillTriggerEvent(type) {
             var _a;
             const { mode } = this._drillParams;
             return (_a = getDefaultTriggerEventByMode(mode)) === null || _a === void 0 ? void 0 : _a[type];
@@ -74675,8 +74547,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         bindDrillEvent() {
             const { event, getRawData, drillField } = this._drillParams;
             const keyField = drillField();
-            if (this._getTriggerEvent('start')) {
-                event.on(this._getTriggerEvent('start'), e => {
+            if (this._getDrillTriggerEvent('start')) {
+                event.on(this._getDrillTriggerEvent('start'), e => {
                     var _a, _b, _c;
                     if (isNil$1(e.datum) || isNil$1((_a = e.datum) === null || _a === void 0 ? void 0 : _a[keyField])) {
                         this.drillUp();
@@ -74953,11 +74825,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             };
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this.getMarksInType(MarkTypeEnum.arc).forEach(mark => {
+            this.getMarksInType("arc").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('sunburst')) === null || _a === void 0 ? void 0 : _a(animationParams, appearPreset), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
-            this.getMarksInType(MarkTypeEnum.text).forEach(mark => {
+            this.getMarksInType("text").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('fadeInOut')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
@@ -75244,11 +75116,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initAnimation() {
             var _a;
             const appearPreset = (_a = this._spec.animationAppear) === null || _a === void 0 ? void 0 : _a.preset;
-            this.getMarksInType(MarkTypeEnum.arc).forEach(mark => {
+            this.getMarksInType("arc").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('circlePacking')) === null || _a === void 0 ? void 0 : _a(undefined, appearPreset), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
-            this.getMarksInType(MarkTypeEnum.text).forEach(mark => {
+            this.getMarksInType("text").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('scaleInOut')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
@@ -75998,10 +75870,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     const sankeyGrowIn = (params, isOverall = true) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growWidthIn' : 'growHeightIn',
+            type: params.direction === "horizontal" ? 'growWidthIn' : 'growHeightIn',
             options: {
                 overall: isOverall ? params.growFrom() : isOverall,
-                orient: Direction.horizontal ? 'positive' : 'negative'
+                orient: 'positive' 
             }
         };
     };
@@ -76066,7 +75938,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._compiledProductId = id;
         }
     }
-    LinkPathMark.type = MarkTypeEnum.linkPath;
+    LinkPathMark.type = "linkPath";
     const registerLinkPathMark = () => {
         registerLinkPathGlyph();
         Factory.registerMark(LinkPathMark.type, LinkPathMark);
@@ -77003,13 +76875,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
             if (this._nodeMark) {
-                this._nodeMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('sankeyNode')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.node, this._spec, this._markAttributeContext)));
+                this._nodeMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('sankeyNode')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig("node", this._spec, this._markAttributeContext)));
             }
             if (this._linkMark) {
-                this._linkMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('sankeyLinkPath')) === null || _d === void 0 ? void 0 : _d(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.link, this._spec, this._markAttributeContext)));
+                this._linkMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('sankeyLinkPath')) === null || _d === void 0 ? void 0 : _d(animationParams, appearPreset), userAnimationConfig("link", this._spec, this._markAttributeContext)));
             }
             if (this._labelMark) {
-                this._labelMark.setAnimationConfig(animationConfig((_e = Factory.getAnimationInKey('fadeInOut')) === null || _e === void 0 ? void 0 : _e(), userAnimationConfig(exports.SeriesMarkNameEnum.label, this._spec, this._markAttributeContext)));
+                this._labelMark.setAnimationConfig(animationConfig((_e = Factory.getAnimationInKey('fadeInOut')) === null || _e === void 0 ? void 0 : _e(), userAnimationConfig("label", this._spec, this._markAttributeContext)));
             }
         }
         initEvent() {
@@ -77254,8 +77126,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class TreemapSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.nonLeaf, 'nonLeafLabel', 'initNonLeafLabelMarkStyle');
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.leaf);
+            this._addMarkLabelSpec(spec, "nonLeaf", 'nonLeafLabel', 'initNonLeafLabelMarkStyle');
+            this._addMarkLabelSpec(spec, "leaf");
         }
     }
 
@@ -77295,7 +77167,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.initDrillable({
                     event: this.event,
                     mode: this._option.mode,
-                    drillField: () => { var _a; return (_a = this._spec.drillField) !== null && _a !== void 0 ? _a : DEFAULT_DATA_KEY; },
+                    drillField: () => { var _a, _b; return (_b = (_a = this._spec.drillField) !== null && _a !== void 0 ? _a : this._categoryField) !== null && _b !== void 0 ? _b : DEFAULT_DATA_KEY; },
                     getRawData: () => this.getRawData()
                 });
             }
@@ -77529,11 +77401,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }, STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
         }
         initAnimation() {
-            this.getMarksInType(MarkTypeEnum.rect).forEach(mark => {
+            this.getMarksInType("rect").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('treemap')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
-            this.getMarksInType(MarkTypeEnum.text).forEach(mark => {
+            this.getMarksInType("text").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('fadeInOut')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
@@ -77691,7 +77563,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a;
             super.setAttrFromSpec();
             this.setRadiusField(this._spec.radiusField);
-            this._pointerType = ((_a = this._spec.pointer) === null || _a === void 0 ? void 0 : _a.type) === 'rect' ? MarkTypeEnum.rect : MarkTypeEnum.path;
+            this._pointerType = ((_a = this._spec.pointer) === null || _a === void 0 ? void 0 : _a.type) === 'rect' ? "rect" : "path";
         }
         initMark() {
             this._pinBackgroundMark = this._createMark(GaugePointerSeries.mark.pinBackground);
@@ -77731,7 +77603,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     fill: this.getColorAttribute(),
                     zIndex: 200
                 });
-                if (this._pointerType === MarkTypeEnum.path) {
+                if (this._pointerType === "path") {
                     this.setMarkStyle(pointerMark, {
                         scaleX: this._getPointerWidth.bind(this),
                         scaleY: this._getPointerHeight.bind(this),
@@ -77827,7 +77699,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
             this._pointerMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('gaugePointer')) === null || _c === void 0 ? void 0 : _c({
                 startAngle: this._startAngle
-            }, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.pointer, this._spec, this._markAttributeContext)));
+            }, appearPreset), userAnimationConfig("pointer", this._spec, this._markAttributeContext)));
         }
         getDefaultShapeType() {
             return 'circle';
@@ -77847,7 +77719,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class GaugeSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.segment);
+            this._addMarkLabelSpec(spec, "segment");
         }
     }
 
@@ -77971,7 +77843,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
             this._segmentMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('circularProgress')) === null || _c === void 0 ? void 0 : _c({
                 startAngle: this._startAngle
-            }, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.segment, this._spec, this._markAttributeContext)));
+            }, appearPreset), userAnimationConfig("segment", this._spec, this._markAttributeContext)));
         }
         getDefaultShapeType() {
             return 'circle';
@@ -77999,7 +77871,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    CellMark.type = MarkTypeEnum.cell;
+    CellMark.type = "cell";
     const registerCellMark = () => {
         Factory.registerMark(CellMark.type, CellMark);
         registerCellGraphic();
@@ -78032,7 +77904,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class HeatmapSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.cell);
+            this._addMarkLabelSpec(spec, "cell");
         }
     }
 
@@ -78138,7 +78010,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c;
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
             const animationParams = getGroupAnimationParams(this);
-            this._cellMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('heatmap')) === null || _c === void 0 ? void 0 : _c(appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.cell, this._spec, this._markAttributeContext), animationParams));
+            this._cellMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('heatmap')) === null || _c === void 0 ? void 0 : _c(appearPreset), userAnimationConfig("cell", this._spec, this._markAttributeContext), animationParams));
         }
         getCellSize(axisHelper) {
             var _a, _b;
@@ -78329,7 +78201,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._compiledProductId = id;
         }
     }
-    RippleMark.type = MarkTypeEnum.ripple;
+    RippleMark.type = "ripple";
     const registerRippleMark = () => {
         Factory.registerMark(RippleMark.type, RippleMark);
         registerRippleGlyph();
@@ -78360,8 +78232,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class CorrelationSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.nodePoint);
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.centerPoint, 'centerLabel');
+            this._addMarkLabelSpec(spec, "nodePoint");
+            this._addMarkLabelSpec(spec, "centerPoint", 'centerLabel');
         }
     }
 
@@ -78584,7 +78456,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initAnimation() {
             var _a, _b;
             const appearPreset = (_a = this._spec.animationAppear) === null || _a === void 0 ? void 0 : _a.preset;
-            this._nodePointMark.setAnimationConfig(animationConfig((_b = Factory.getAnimationInKey('correlation')) === null || _b === void 0 ? void 0 : _b({}, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.nodePoint, this._spec, this._markAttributeContext)));
+            this._nodePointMark.setAnimationConfig(animationConfig((_b = Factory.getAnimationInKey('correlation')) === null || _b === void 0 ? void 0 : _b({}, appearPreset), userAnimationConfig("nodePoint", this._spec, this._markAttributeContext)));
         }
         getGroupFields() {
             return [];
@@ -78657,11 +78529,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = MapChartSpecTransformer;
-            this.type = ChartTypeEnum.map;
+            this.type = "map";
             this.seriesType = exports.SeriesTypeEnum.map;
         }
     }
-    MapChart.type = ChartTypeEnum.map;
+    MapChart.type = "map";
     MapChart.seriesType = exports.SeriesTypeEnum.map;
     MapChart.view = 'singleDefault';
     MapChart.transformerConstructor = MapChartSpecTransformer;
@@ -78700,8 +78572,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             super.transformSpec(spec);
             if (isArray$1(spec.dataZoom) && spec.dataZoom.length > 0) {
                 spec.dataZoom.forEach((zoom) => {
-                    if (zoom.filterMode === IFilterMode.axis) {
-                        zoom.filterMode = IFilterMode.filter;
+                    if (zoom.filterMode === "axis") {
+                        zoom.filterMode = "filter";
                     }
                 });
             }
@@ -78832,11 +78704,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = BasePieChartSpecTransformer;
-            this.type = ChartTypeEnum.pie;
+            this.type = "pie";
             this.seriesType = exports.SeriesTypeEnum.pie;
         }
     }
-    PieChart.type = ChartTypeEnum.pie;
+    PieChart.type = "pie";
     PieChart.seriesType = exports.SeriesTypeEnum.pie;
     PieChart.view = 'singleDefault';
     PieChart.transformerConstructor = BasePieChartSpecTransformer;
@@ -78859,11 +78731,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = Pie3dChartSpecTransformer;
-            this.type = ChartTypeEnum.pie3d;
+            this.type = "pie3d";
             this.seriesType = exports.SeriesTypeEnum.pie3d;
         }
     }
-    Pie3dChart.type = ChartTypeEnum.pie3d;
+    Pie3dChart.type = "pie3d";
     Pie3dChart.seriesType = exports.SeriesTypeEnum.pie3d;
     Pie3dChart.view = 'singleDefault';
     Pie3dChart.transformerConstructor = Pie3dChartSpecTransformer;
@@ -78908,12 +78780,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = RoseChartSpecTransformer;
-            this.type = ChartTypeEnum.rose;
+            this.type = "rose";
             this.seriesType = exports.SeriesTypeEnum.rose;
             this._canStack = true;
         }
     }
-    RoseChart.type = ChartTypeEnum.rose;
+    RoseChart.type = "rose";
     RoseChart.seriesType = exports.SeriesTypeEnum.rose;
     RoseChart.view = 'singleDefault';
     RoseChart.transformerConstructor = RoseChartSpecTransformer;
@@ -78962,12 +78834,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = RadarChartSpecTransformer;
-            this.type = ChartTypeEnum.radar;
+            this.type = "radar";
             this.seriesType = exports.SeriesTypeEnum.radar;
             this._canStack = true;
         }
     }
-    RadarChart.type = ChartTypeEnum.radar;
+    RadarChart.type = "radar";
     RadarChart.seriesType = exports.SeriesTypeEnum.radar;
     RadarChart.view = 'singleDefault';
     RadarChart.transformerConstructor = RadarChartSpecTransformer;
@@ -79011,11 +78883,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = CommonChartSpecTransformer;
-            this.type = ChartTypeEnum.common;
+            this.type = "common";
             this._canStack = true;
         }
     }
-    CommonChart.type = ChartTypeEnum.common;
+    CommonChart.type = "common";
     CommonChart.view = 'singleDefault';
     CommonChart.transformerConstructor = CommonChartSpecTransformer;
     const registerCommonChart = () => {
@@ -79119,7 +78991,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 row: rowNum
             });
             spec.axes[0].id = `axesRow${rowNum}`;
-            spec.axes[0].regionIndex = Array.from(Array(spec.series.length - 1), (_, index) => index + 1);
+            spec.axes[0].regionIndex = Array.from(Array(spec.series.length), (_, index) => index + 1);
             rowNum++;
             (_k = spec === null || spec === void 0 ? void 0 : spec.series) === null || _k === void 0 ? void 0 : _k.forEach((seriesSpec) => {
                 var _a, _b;
@@ -79195,7 +79067,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         if (dataLength) {
                             ratio = ((seriesSpec === null || seriesSpec === void 0 ? void 0 : seriesSpec.height) || defaultSeriesRowHeight) / (dataLength * 30);
                         }
-                        scrollBar.push(Object.assign({ orient: 'right', visible: seriesSpec.type === exports.SeriesTypeEnum.dot && ratio < 1, id: `scrollBarRightRow${rowNum}`, start: 0, end: Math.min(ratio, 1), filterMode: IFilterMode.axis, regionIndex: region.length - 1, axisId: `axesLeftRow${rowNum}` }, array(spec === null || spec === void 0 ? void 0 : spec.scrollBar)[0]));
+                        scrollBar.push(Object.assign({ orient: 'right', visible: seriesSpec.type === exports.SeriesTypeEnum.dot && ratio < 1, id: `scrollBarRightRow${rowNum}`, start: 0, end: Math.min(ratio, 1), filterMode: "axis", regionIndex: region.length - 1, axisId: `axesLeftRow${rowNum}` }, array(spec === null || spec === void 0 ? void 0 : spec.scrollBar)[0]));
                     }
                     seriesSpec.regionIndex = region.length - 1;
                     rowNum++;
@@ -79260,7 +79132,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = SequenceChartSpecTransformer;
-            this.type = ChartTypeEnum.sequence;
+            this.type = "sequence";
         }
         _createSeries(constructor, specInfo) {
             if (!constructor) {
@@ -79288,7 +79160,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
     }
-    SequenceChart.type = ChartTypeEnum.sequence;
+    SequenceChart.type = "sequence";
     SequenceChart.view = 'singleDefault';
     SequenceChart.transformerConstructor = SequenceChartSpecTransformer;
     const registerSequenceChart = () => {
@@ -79327,11 +79199,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = HistogramChartSpecTransformer;
-            this.type = ChartTypeEnum.histogram;
+            this.type = "histogram";
             this.seriesType = exports.SeriesTypeEnum.bar;
         }
     }
-    HistogramChart.type = ChartTypeEnum.histogram;
+    HistogramChart.type = "histogram";
     HistogramChart.seriesType = exports.SeriesTypeEnum.bar;
     HistogramChart.view = 'singleDefault';
     HistogramChart.transformerConstructor = HistogramChartSpecTransformer;
@@ -79344,11 +79216,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = HistogramChartSpecTransformer;
-            this.type = ChartTypeEnum.histogram3d;
+            this.type = "histogram3d";
             this.seriesType = exports.SeriesTypeEnum.bar3d;
         }
     }
-    Histogram3dChart.type = ChartTypeEnum.histogram3d;
+    Histogram3dChart.type = "histogram3d";
     Histogram3dChart.seriesType = exports.SeriesTypeEnum.bar3d;
     Histogram3dChart.view = 'singleDefault';
     Histogram3dChart.transformerConstructor = HistogramChartSpecTransformer;
@@ -79379,12 +79251,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = CircularProgressChartSpecTransformer;
-            this.type = ChartTypeEnum.circularProgress;
+            this.type = "circularProgress";
             this.seriesType = exports.SeriesTypeEnum.circularProgress;
             this._canStack = true;
         }
     }
-    CircularProgressChart.type = ChartTypeEnum.circularProgress;
+    CircularProgressChart.type = "circularProgress";
     CircularProgressChart.seriesType = exports.SeriesTypeEnum.circularProgress;
     CircularProgressChart.view = 'singleDefault';
     CircularProgressChart.transformerConstructor = CircularProgressChartSpecTransformer;
@@ -79498,11 +79370,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = GaugeChartSpecTransformer;
-            this.type = ChartTypeEnum.gauge;
+            this.type = "gauge";
             this.seriesType = exports.SeriesTypeEnum.gaugePointer;
         }
     }
-    GaugeChart.type = ChartTypeEnum.gauge;
+    GaugeChart.type = "gauge";
     GaugeChart.seriesType = exports.SeriesTypeEnum.gaugePointer;
     GaugeChart.view = 'singleDefault';
     GaugeChart.transformerConstructor = GaugeChartSpecTransformer;
@@ -79538,7 +79410,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = BaseWordCloudChartSpecTransformer;
-            this.type = ChartTypeEnum.wordCloud;
+            this.type = "wordCloud";
             this.seriesType = exports.SeriesTypeEnum.wordCloud;
         }
     }
@@ -79560,11 +79432,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = WordCloudChartSpecTransformer;
-            this.type = ChartTypeEnum.wordCloud;
+            this.type = "wordCloud";
             this.seriesType = exports.SeriesTypeEnum.wordCloud;
         }
     }
-    WordCloudChart.type = ChartTypeEnum.wordCloud;
+    WordCloudChart.type = "wordCloud";
     WordCloudChart.seriesType = exports.SeriesTypeEnum.wordCloud;
     WordCloudChart.view = 'singleDefault';
     WordCloudChart.transformerConstructor = WordCloudChartSpecTransformer;
@@ -79593,11 +79465,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = WordCloud3dChartSpecTransformer;
-            this.type = ChartTypeEnum.wordCloud3d;
+            this.type = "wordCloud3d";
             this.seriesType = exports.SeriesTypeEnum.wordCloud3d;
         }
     }
-    WordCloud3dChart.type = ChartTypeEnum.wordCloud3d;
+    WordCloud3dChart.type = "wordCloud3d";
     WordCloud3dChart.seriesType = exports.SeriesTypeEnum.wordCloud3d;
     WordCloud3dChart.view = 'singleDefault';
     WordCloud3dChart.transformerConstructor = WordCloud3dChartSpecTransformer;
@@ -79648,11 +79520,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = FunnelChartSpecTransformer;
-            this.type = ChartTypeEnum.funnel;
+            this.type = "funnel";
             this.seriesType = exports.SeriesTypeEnum.funnel;
         }
     }
-    FunnelChart.type = ChartTypeEnum.funnel;
+    FunnelChart.type = "funnel";
     FunnelChart.seriesType = exports.SeriesTypeEnum.funnel;
     FunnelChart.view = 'singleDefault';
     FunnelChart.transformerConstructor = FunnelChartSpecTransformer;
@@ -79665,11 +79537,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = FunnelChartSpecTransformer;
-            this.type = ChartTypeEnum.funnel3d;
+            this.type = "funnel3d";
             this.seriesType = exports.SeriesTypeEnum.funnel3d;
         }
     }
-    Funnel3dChart.type = ChartTypeEnum.funnel3d;
+    Funnel3dChart.type = "funnel3d";
     Funnel3dChart.seriesType = exports.SeriesTypeEnum.funnel3d;
     Funnel3dChart.view = 'singleDefault';
     Funnel3dChart.transformerConstructor = FunnelChartSpecTransformer;
@@ -79781,12 +79653,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = LinearProgressChartSpecTransformer;
-            this.type = ChartTypeEnum.linearProgress;
+            this.type = "linearProgress";
             this.seriesType = exports.SeriesTypeEnum.linearProgress;
             this._canStack = true;
         }
     }
-    LinearProgressChart.type = ChartTypeEnum.linearProgress;
+    LinearProgressChart.type = "linearProgress";
     LinearProgressChart.seriesType = exports.SeriesTypeEnum.linearProgress;
     LinearProgressChart.view = 'singleDefault';
     LinearProgressChart.transformerConstructor = LinearProgressChartSpecTransformer;
@@ -79800,7 +79672,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b;
             const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barGapInGroup: spec.barGapInGroup, barBackground: spec.barBackground, barMinHeight: spec.barMinHeight });
             series.bar = spec.bar;
-            if (spec.direction === Direction.horizontal) {
+            if (spec.direction === "horizontal") {
                 series.xField = (_a = spec.xField) !== null && _a !== void 0 ? _a : [spec.minField, spec.maxField];
             }
             else {
@@ -79818,11 +79690,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = RangeColumnChartSpecTransformer;
-            this.type = ChartTypeEnum.rangeColumn;
+            this.type = "rangeColumn";
             this.seriesType = exports.SeriesTypeEnum.rangeColumn;
         }
     }
-    RangeColumnChart.type = ChartTypeEnum.rangeColumn;
+    RangeColumnChart.type = "rangeColumn";
     RangeColumnChart.seriesType = exports.SeriesTypeEnum.rangeColumn;
     RangeColumnChart.view = 'singleDefault';
     RangeColumnChart.transformerConstructor = RangeColumnChartSpecTransformer;
@@ -79836,7 +79708,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b;
             const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barGapInGroup: spec.barGapInGroup });
             series.bar3d = spec.bar3d;
-            if (spec.direction === Direction.horizontal) {
+            if (spec.direction === "horizontal") {
                 series.xField = (_a = spec.xField) !== null && _a !== void 0 ? _a : [spec.minField, spec.maxField];
             }
             else {
@@ -79850,11 +79722,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = RangeColumn3dChartSpecTransformer;
-            this.type = ChartTypeEnum.rangeColumn3d;
+            this.type = "rangeColumn3d";
             this.seriesType = exports.SeriesTypeEnum.rangeColumn3d;
         }
     }
-    RangeColumn3dChart.type = ChartTypeEnum.rangeColumn3d;
+    RangeColumn3dChart.type = "rangeColumn3d";
     RangeColumn3dChart.seriesType = exports.SeriesTypeEnum.rangeColumn3d;
     RangeColumn3dChart.view = 'singleDefault';
     RangeColumn3dChart.transformerConstructor = RangeColumn3dChartSpecTransformer;
@@ -79898,11 +79770,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = SunburstChartSpecTransformer;
-            this.type = ChartTypeEnum.sunburst;
+            this.type = "sunburst";
             this.seriesType = exports.SeriesTypeEnum.sunburst;
         }
     }
-    SunburstChart.type = ChartTypeEnum.sunburst;
+    SunburstChart.type = "sunburst";
     SunburstChart.seriesType = exports.SeriesTypeEnum.sunburst;
     SunburstChart.view = 'singleDefault';
     SunburstChart.transformerConstructor = SunburstChartSpecTransformer;
@@ -79944,11 +79816,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = CirclePackingChartSpecTransformer;
-            this.type = ChartTypeEnum.circlePacking;
+            this.type = "circlePacking";
             this.seriesType = exports.SeriesTypeEnum.circlePacking;
         }
     }
-    CirclePackingChart.type = ChartTypeEnum.circlePacking;
+    CirclePackingChart.type = "circlePacking";
     CirclePackingChart.seriesType = exports.SeriesTypeEnum.circlePacking;
     CirclePackingChart.view = 'singleDefault';
     CirclePackingChart.transformerConstructor = CirclePackingChartSpecTransformer;
@@ -79992,11 +79864,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = TreemapChartSpecTransformer;
-            this.type = ChartTypeEnum.treemap;
+            this.type = "treemap";
             this.seriesType = exports.SeriesTypeEnum.treemap;
         }
     }
-    TreemapChart.type = ChartTypeEnum.treemap;
+    TreemapChart.type = "treemap";
     TreemapChart.seriesType = exports.SeriesTypeEnum.treemap;
     TreemapChart.view = 'singleDefault';
     TreemapChart.transformerConstructor = TreemapChartSpecTransformer;
@@ -80026,11 +79898,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = WaterfallChartSpecTransformer;
-            this.type = ChartTypeEnum.waterfall;
+            this.type = "waterfall";
             this.seriesType = exports.SeriesTypeEnum.waterfall;
         }
     }
-    WaterfallChart.type = ChartTypeEnum.waterfall;
+    WaterfallChart.type = "waterfall";
     WaterfallChart.seriesType = exports.SeriesTypeEnum.waterfall;
     WaterfallChart.view = 'singleDefault';
     WaterfallChart.transformerConstructor = WaterfallChartSpecTransformer;
@@ -80043,8 +79915,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _getDefaultSeriesSpec(spec) {
             var _a;
             const dataFields = [spec.maxField, spec.medianField, spec.q1Field, spec.q3Field, spec.minField, spec.outliersField];
-            const seriesSpec = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { boxPlot: spec.boxPlot, direction: (_a = spec.direction) !== null && _a !== void 0 ? _a : Direction.vertical, minField: spec.minField, maxField: spec.maxField, q1Field: spec.q1Field, medianField: spec.medianField, q3Field: spec.q3Field, outliersField: spec.outliersField, outliersStyle: spec.outliersStyle });
-            seriesSpec[seriesSpec.direction === Direction.vertical ? 'yField' : 'xField'] = dataFields;
+            const seriesSpec = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { boxPlot: spec.boxPlot, direction: (_a = spec.direction) !== null && _a !== void 0 ? _a : "vertical", minField: spec.minField, maxField: spec.maxField, q1Field: spec.q1Field, medianField: spec.medianField, q3Field: spec.q3Field, outliersField: spec.outliersField, outliersStyle: spec.outliersStyle });
+            seriesSpec[seriesSpec.direction === "vertical" ? 'yField' : 'xField'] = dataFields;
             return seriesSpec;
         }
         transformSpec(spec) {
@@ -80067,11 +79939,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = BoxPlotChartSpecTransformer;
-            this.type = ChartTypeEnum.boxPlot;
+            this.type = "boxPlot";
             this.seriesType = exports.SeriesTypeEnum.boxPlot;
         }
     }
-    BoxPlotChart.type = ChartTypeEnum.boxPlot;
+    BoxPlotChart.type = "boxPlot";
     BoxPlotChart.seriesType = exports.SeriesTypeEnum.boxPlot;
     BoxPlotChart.view = 'singleDefault';
     BoxPlotChart.transformerConstructor = BoxPlotChartSpecTransformer;
@@ -80115,11 +79987,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = SankeyChartSpecTransformer;
-            this.type = ChartTypeEnum.sankey;
+            this.type = "sankey";
             this.seriesType = exports.SeriesTypeEnum.sankey;
         }
     }
-    SankeyChart.type = ChartTypeEnum.sankey;
+    SankeyChart.type = "sankey";
     SankeyChart.seriesType = exports.SeriesTypeEnum.sankey;
     SankeyChart.view = 'singleDefault';
     SankeyChart.transformerConstructor = SankeyChartSpecTransformer;
@@ -80133,7 +80005,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b;
             const series = Object.assign({}, super._getDefaultSeriesSpec(spec));
             series.area = spec.area;
-            if (spec.direction === Direction.horizontal) {
+            if (spec.direction === "horizontal") {
                 series.xField = (_a = spec.xField) !== null && _a !== void 0 ? _a : [spec.minField, spec.maxField];
             }
             else {
@@ -80152,11 +80024,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = RangeAreaChartSpecTransformer;
-            this.type = ChartTypeEnum.rangeArea;
+            this.type = "rangeArea";
             this.seriesType = exports.SeriesTypeEnum.rangeArea;
         }
     }
-    RangeAreaChart.type = ChartTypeEnum.rangeArea;
+    RangeAreaChart.type = "rangeArea";
     RangeAreaChart.seriesType = exports.SeriesTypeEnum.rangeArea;
     RangeAreaChart.view = 'singleDefault';
     RangeAreaChart.transformerConstructor = RangeAreaChartSpecTransformer;
@@ -80176,11 +80048,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = HeatmapChartSpecTransformer;
-            this.type = ChartTypeEnum.heatmap;
+            this.type = "heatmap";
             this.seriesType = exports.SeriesTypeEnum.heatmap;
         }
     }
-    HeatmapChart.type = ChartTypeEnum.heatmap;
+    HeatmapChart.type = "heatmap";
     HeatmapChart.seriesType = exports.SeriesTypeEnum.heatmap;
     HeatmapChart.view = 'singleDefault';
     HeatmapChart.transformerConstructor = HeatmapChartSpecTransformer;
@@ -80222,11 +80094,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = CorrelationChartSpecTransformer;
-            this.type = ChartTypeEnum.correlation;
+            this.type = "correlation";
             this.seriesType = exports.SeriesTypeEnum.correlation;
         }
     }
-    CorrelationChart.type = ChartTypeEnum.correlation;
+    CorrelationChart.type = "correlation";
     CorrelationChart.seriesType = exports.SeriesTypeEnum.correlation;
     CorrelationChart.view = 'singleDefault';
     CorrelationChart.transformerConstructor = CorrelationChartSpecTransformer;
@@ -80575,7 +80447,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._compiledProductId = id;
         }
     }
-    ComponentMark.type = MarkTypeEnum.component;
+    ComponentMark.type = "component";
     const registerComponentMark = () => {
         Factory.registerMark(ComponentMark.type, ComponentMark);
     };
@@ -80988,6 +80860,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._scales = [];
             this._tick = undefined;
             this._layoutCache = { width: 0, height: 0, _lastComputeOutBounds: { x1: 0, x2: 0, y1: 0, y2: 0 } };
+            this._innerOffset = {
+                top: 0,
+                bottom: 0,
+                left: 0,
+                right: 0
+            };
             this.effect = {
                 scaleUpdate: params => {
                     this.computeData(params === null || params === void 0 ? void 0 : params.value);
@@ -81108,7 +80986,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!axesSpec) {
                 return null;
             }
-            const isHorizontal = chartSpec.direction === Direction.horizontal;
+            const isHorizontal = chartSpec.direction === "horizontal";
             if (!isArray$1(axesSpec)) {
                 if (!isValidCartesianAxis(axesSpec)) {
                     return null;
@@ -81170,21 +81048,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         updateScaleRange() {
             let isScaleChange = false;
             const { width, height } = this.getLayoutRect();
+            const { left, right, top, bottom } = this._innerOffset;
             let newRange = [];
             if (isXAxis(this.getOrient())) {
                 if (isValidNumber$1(width)) {
-                    newRange = this._inverse ? [width, 0] : [0, width];
+                    newRange = this._inverse ? [width - right, left] : [left, width - right];
                 }
             }
             else if (isZAxis(this.getOrient())) {
                 if (isValidNumber$1(width)) {
-                    newRange = this._inverse ? [width, 0] : [0, width];
+                    newRange = this._inverse ? [width - right, left] : [left, width - right];
                     this._scale.range(newRange);
                 }
             }
             else {
                 if (isValidNumber$1(height)) {
-                    newRange = this._inverse ? [0, height] : [height, 0];
+                    newRange = this._inverse ? [top, height - bottom] : [height - bottom, top];
                 }
             }
             const [start, end] = this._scale.range();
@@ -81222,7 +81101,23 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this._tick = this._spec.tick;
             const chartSpec = (_a = this._option.getChart()) === null || _a === void 0 ? void 0 : _a.getSpec();
-            this._inverse = transformInverse(this._spec, (chartSpec === null || chartSpec === void 0 ? void 0 : chartSpec.direction) === Direction.horizontal);
+            this._inverse = transformInverse(this._spec, (chartSpec === null || chartSpec === void 0 ? void 0 : chartSpec.direction) === "horizontal");
+        }
+        onLayoutStart(layoutRect, viewRect, ctx) {
+            super.onLayoutStart(layoutRect, viewRect, ctx);
+            if (!isZAxis(this.getOrient()) && this._spec.innerOffset) {
+                const spec = this._spec;
+                if (isYAxis(this.getOrient())) {
+                    ['top', 'bottom'].forEach(orient => {
+                        this._innerOffset[orient] = calcLayoutNumber(spec.innerOffset[orient], viewRect.height, viewRect);
+                    });
+                }
+                else {
+                    ['left', 'right'].forEach(orient => {
+                        this._innerOffset[orient] = calcLayoutNumber(spec.innerOffset[orient], viewRect.width, viewRect);
+                    });
+                }
+            }
         }
         getSeriesStatisticsField(s) {
             let f;
@@ -81356,19 +81251,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!depth) {
                     this._dataFieldText = s.getFieldAlias(field[0]);
                 }
-                const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
                 if (field) {
-                    field.forEach(f => {
-                        var _a;
-                        if (rawData) {
+                    const viewData = s.getViewData();
+                    if (rawData) {
+                        field.forEach(f => {
                             data.push(s.getRawDataStatisticsByField(f, false));
-                        }
-                        else {
+                        });
+                    }
+                    else if (viewData && viewData.latestData && viewData.latestData.length) {
+                        const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
+                        field.forEach(f => {
+                            var _a;
                             if ((_a = seriesData === null || seriesData === void 0 ? void 0 : seriesData.latestData) === null || _a === void 0 ? void 0 : _a[f]) {
                                 data.push(seriesData.latestData[f]);
                             }
-                        }
-                    });
+                        });
+                    }
                 }
             }, {
                 userId: this._seriesUserId,
@@ -81762,11 +81660,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         computeLinearDomain(data) {
             const domain = [];
-            data.forEach(d => {
-                const { min, max } = d;
-                domain[0] = domain[0] === undefined ? min : Math.min(domain[0], min);
-                domain[1] = domain[1] === undefined ? max : Math.max(domain[1], max);
-            });
+            if (data.length) {
+                data.forEach(d => {
+                    const { min, max } = d;
+                    domain[0] = domain[0] === undefined ? min : Math.min(domain[0], min);
+                    domain[1] = domain[1] === undefined ? max : Math.max(domain[1], max);
+                });
+            }
+            else {
+                domain[0] = 0;
+                domain[1] = 0;
+            }
             this.expandDomain(domain);
             this.includeZero(domain);
             this.setDomainMinMax(domain);
@@ -81995,6 +81899,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         computeBandDomain(data) {
+            if (!data.length) {
+                return [];
+            }
             if (data.length === 1) {
                 return data[0].values;
             }
@@ -82479,19 +82386,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!depth) {
                     this._dataFieldText = s.getFieldAlias(field[0]);
                 }
-                const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
                 if (field) {
-                    field.forEach(f => {
-                        var _a;
-                        if (rawData) {
+                    const viewData = s.getViewData();
+                    if (rawData) {
+                        field.forEach(f => {
                             data.push(s.getRawDataStatisticsByField(f, false));
-                        }
-                        else {
+                        });
+                    }
+                    else if (viewData && viewData.latestData && viewData.latestData.length) {
+                        const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
+                        field.forEach(f => {
+                            var _a;
                             if ((_a = seriesData === null || seriesData === void 0 ? void 0 : seriesData.latestData) === null || _a === void 0 ? void 0 : _a[f]) {
                                 data.push(seriesData.latestData[f]);
                             }
-                        }
-                    });
+                        });
+                    }
                 }
             }, {
                 userId: this._seriesUserId,
@@ -82598,7 +82508,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (latestData && !isArray$1(latestData)) {
                     this.computeData('force');
                 }
-                return this._tickData.getLatestData() || [];
+                else {
+                    return latestData || [];
+                }
             }
             return this._scale.ticks();
         }
@@ -82634,7 +82546,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 innerRadius, startAngle: this._startAngle, endAngle: this._endAngle });
             const attrs = Object.assign(Object.assign({}, commonAttrs), { title: {
                     text: this._spec.title.text || this._dataFieldText
-                }, items: items.length ? [items] : [] });
+                }, items: items.length ? [items] : [], orient: 'angle' });
             if (this._spec.grid.visible) {
                 attrs.grid = Object.assign({ type: 'line', smoothLink: true, items }, commonAttrs);
             }
@@ -82662,7 +82574,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const commonAttrs = Object.assign(Object.assign({}, this.getLayoutStartPoint()), { start: startPoint, end: endPoint, verticalFactor: -1 });
             const attrs = Object.assign(Object.assign({}, commonAttrs), { title: {
                     text: this._spec.title.text || this._dataFieldText
-                }, items: items.length ? [items] : [] });
+                }, items: items.length ? [items] : [], orient: 'radius' });
             if ((_a = this._spec.grid) === null || _a === void 0 ? void 0 : _a.visible) {
                 attrs.grid = Object.assign({ items, type: ((_b = this._spec.grid) === null || _b === void 0 ? void 0 : _b.smooth) ? 'circle' : 'polygon', center, closed: true, sides: (_c = this._getRelatedAngleAxis()) === null || _c === void 0 ? void 0 : _c.tickValues().length, startAngle: this._startAngle, endAngle: this._endAngle }, commonAttrs);
             }
@@ -83690,19 +83602,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return result;
     };
     const positionType = {
-        [TooltipFixedPosition.left]: ['left', 'middle'],
-        [TooltipFixedPosition.right]: ['right', 'middle'],
-        [TooltipFixedPosition.inside]: ['middle', 'middle'],
-        [TooltipFixedPosition.top]: ['middle', 'top'],
-        [TooltipFixedPosition.lt]: ['left', 'top'],
-        [TooltipFixedPosition.tl]: ['left', 'top'],
-        [TooltipFixedPosition.rt]: ['right', 'top'],
-        [TooltipFixedPosition.tr]: ['right', 'top'],
-        [TooltipFixedPosition.bottom]: ['middle', 'bottom'],
-        [TooltipFixedPosition.bl]: ['left', 'bottom'],
-        [TooltipFixedPosition.lb]: ['left', 'bottom'],
-        [TooltipFixedPosition.br]: ['right', 'bottom'],
-        [TooltipFixedPosition.rb]: ['right', 'bottom']
+        ["left"]: ['left', 'middle'],
+        ["right"]: ['right', 'middle'],
+        ["inside"]: ['middle', 'middle'],
+        ["top"]: ['middle', 'top'],
+        ["lt"]: ['left', 'top'],
+        ["tl"]: ['left', 'top'],
+        ["rt"]: ['right', 'top'],
+        ["tr"]: ['right', 'top'],
+        ["bottom"]: ['middle', 'bottom'],
+        ["bl"]: ['left', 'bottom'],
+        ["lb"]: ['left', 'bottom'],
+        ["br"]: ['right', 'bottom'],
+        ["rb"]: ['right', 'bottom']
     };
     const getHorizontalPositionType = (position, defaultCase) => { var _a, _b; return (_b = (_a = positionType[position]) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : defaultCase; };
     const getVerticalPositionType = (position, defaultCase) => { var _a, _b; return (_b = (_a = positionType[position]) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : defaultCase; };
@@ -84434,7 +84346,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     bottom = getActualTooltipPositionValue(posBottom, event);
                 }
                 else if (isValid$1(position) &&
-                    positionMode !== TooltipPositionMode.pointer &&
+                    positionMode !== "pointer" &&
                     actualTooltip.activeType === 'mark') {
                     isFixedPosition = true;
                     const element = params.item;
@@ -85087,6 +84999,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._svgHtmlCache = '';
         }
     }
+    const builtInShape = {
+        star: 'M0 -1L0.22451398828979266 -0.3090169943749474L0.9510565162951535 -0.30901699437494745L0.3632712640026804 0.1180339887498948L0.5877852522924732 0.8090169943749473L8.326672684688674e-17 0.3819660112501051L-0.587785252292473 0.8090169943749476L-0.3632712640026804 0.11803398874989487L-0.9510565162951536 -0.30901699437494723L-0.22451398828979274 -0.30901699437494734Z'
+    };
     function getSvgHtml(option, valueToHtml) {
         var _a, _b, _c, _d, _e, _f, _g;
         if (!(option === null || option === void 0 ? void 0 : option.hasShape) || !option.symbolType) {
@@ -85098,14 +85013,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const lineWidth = option.lineWidth ? valueToHtml(option.lineWidth) + 'px' : '0px';
         let fillString = 'currentColor';
         const getStroke = () => (stroke ? valueToHtml(stroke) : fillString);
-        const symbol = new Symbol$1({ symbolType, size: pixelPropertyStrToNumber(size), fill: true });
-        const pathModel = (_a = symbol.getParsedPath().path) !== null && _a !== void 0 ? _a : symbol.getParsedPath().pathStr;
-        const path = pathModel.toString();
-        let viewBox = '-0.5 -0.5 1 1';
-        if (!isString$1(pathModel)) {
-            const bounds = pathModel.bounds;
-            viewBox = `${bounds.x1} ${bounds.y1} ${bounds.width()} ${bounds.height()}`;
+        const sizeNumber = pixelPropertyStrToNumber(size);
+        const createSymbol = (symbolType) => new Symbol$1({ symbolType, size: sizeNumber, fill: true });
+        let symbol = createSymbol((_a = builtInShape[symbolType]) !== null && _a !== void 0 ? _a : symbolType);
+        const parsedPath = symbol.getParsedPath();
+        if (!parsedPath.path) {
+            symbol = createSymbol(parsedPath.pathStr);
         }
+        const pathModel = symbol.getParsedPath().path;
+        const path = pathModel.toString();
+        const bounds = pathModel.bounds;
+        let viewBox = `${bounds.x1} ${bounds.y1} ${bounds.width()} ${bounds.height()}`;
         if (lineWidth !== '0px') {
             const [x, y, w, h] = viewBox.split(' ').map(n => Number(n));
             const lw = Number(lineWidth.slice(0, -2));
@@ -86995,11 +86913,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const { xField, yField } = this._spec;
             if ((xField === null || xField === void 0 ? void 0 : xField.visible) && xField.defaultSelect) {
                 const { axisIndex, datum } = xField.defaultSelect;
-                this._defaultCrosshair(axisIndex, datum, LayoutType.VERTICAL);
+                this._defaultCrosshair(axisIndex, datum, 1);
             }
             if ((yField === null || yField === void 0 ? void 0 : yField.visible) && yField.defaultSelect) {
                 const { axisIndex, datum } = yField.defaultSelect;
-                this._defaultCrosshair(axisIndex, datum, LayoutType.HORIZONTAL);
+                this._defaultCrosshair(axisIndex, datum, 2);
             }
         }
         _defaultCrosshair(axisIndex, datum, tag) {
@@ -87007,7 +86925,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!axis) {
                 return;
             }
-            if (tag === LayoutType.VERTICAL) {
+            if (tag === 1) {
                 this._currValueX.clear();
                 this._currValueX.set(axisIndex, { axis, v: datum });
             }
@@ -87090,7 +87008,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._currValueY.clear();
             xAxisMap && xAxisMap.size && this._getAllAxisValues(xAxisMap, relativeX, this._currValueX, true);
             yAxisMap && yAxisMap.size && this._getAllAxisValues(yAxisMap, relativeY, this._currValueY, false);
-            this.layoutByValue(LayoutType.ALL);
+            this.layoutByValue(3);
         }
         hide() {
             this._xCrosshair && this._xCrosshair.hideAll();
@@ -87100,7 +87018,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._yLeftLabel && this._yLeftLabel.hideAll();
             this._yRightLabel && this._yRightLabel.hideAll();
         }
-        layoutByValue(tag = LayoutType.ALL) {
+        layoutByValue(tag = 3) {
             var _a, _b, _c, _d;
             if (!this.enable) {
                 return;
@@ -87283,8 +87201,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             }
             if (tag) {
-                LayoutType.HORIZONTAL && this._layoutHorizontal(yCrossHairInfo, valueHeight !== null && valueHeight !== void 0 ? valueHeight : 0, offsetHeight);
-                LayoutType.VERTICAL && this._layoutVertical(xCrossHairInfo, indexWidth !== null && indexWidth !== void 0 ? indexWidth : 0, offsetWidth);
+                this._layoutHorizontal(yCrossHairInfo, valueHeight !== null && valueHeight !== void 0 ? valueHeight : 0, offsetHeight);
+                this._layoutVertical(xCrossHairInfo, indexWidth !== null && indexWidth !== void 0 ? indexWidth : 0, offsetWidth);
             }
             if (this.enableRemain) {
                 this._cacheXCrossHairInfo = Object.assign(Object.assign({}, xCrossHairInfo), { _isCache: true });
@@ -87509,11 +87427,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const { categoryField, valueField } = this._spec;
             if ((categoryField === null || categoryField === void 0 ? void 0 : categoryField.visible) && categoryField.defaultSelect) {
                 const { axisIndex, datum } = categoryField.defaultSelect;
-                this._defaultCrosshair(axisIndex, datum, LayoutType.VERTICAL);
+                this._defaultCrosshair(axisIndex, datum, 1);
             }
             if ((valueField === null || valueField === void 0 ? void 0 : valueField.visible) && valueField.defaultSelect) {
                 const { axisIndex, datum } = valueField.defaultSelect;
-                this._defaultCrosshair(axisIndex, datum, LayoutType.HORIZONTAL);
+                this._defaultCrosshair(axisIndex, datum, 2);
             }
         }
         _defaultCrosshair(axisIndex, datum, tag) {
@@ -87521,7 +87439,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!axis) {
                 return;
             }
-            if (tag === LayoutType.VERTICAL) {
+            if (tag === 1) {
                 this._currValueAngle.clear();
                 const polarCoord = {
                     angle: axis.valueToPosition(datum),
@@ -87539,7 +87457,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const canvasPosition = axis.coordToPoint(polarCoord);
                 this._currValueRadius.set(axisIndex, this._getValueByAxis(axis, canvasPosition));
             }
-            this.layoutByValue(LayoutType.ALL);
+            this.layoutByValue(3);
         }
         hide() {
             this._radiusCrosshair && this._radiusCrosshair.hideAll();
@@ -87616,9 +87534,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._currValueRadius.clear();
             angleAxisMap && this._getAllAxisValues(angleAxisMap, { x: relativeX, y: relativeY }, this._currValueAngle);
             radiusAxisMap && this._getAllAxisValues(radiusAxisMap, { x: relativeX, y: relativeY }, this._currValueRadius);
-            this.layoutByValue(LayoutType.ALL);
+            this.layoutByValue(3);
         }
-        layoutByValue(tag = LayoutType.ALL) {
+        layoutByValue(tag = 3) {
             var _a, _b, _c, _d;
             if (!this.enable) {
                 return;
@@ -87706,8 +87624,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             }
             if (tag) {
-                LayoutType.HORIZONTAL && this._layoutHorizontal(radiusCrossHairInfo);
-                LayoutType.VERTICAL && this._layoutVertical(angleCrossHairInfo);
+                this._layoutHorizontal(radiusCrossHairInfo);
+                this._layoutVertical(angleCrossHairInfo);
             }
             if (this.enableRemain) {
                 this._cacheAngleCrossHairInfo = Object.assign(Object.assign({}, angleCrossHairInfo), { _isCache: true });
@@ -87977,7 +87895,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 onZoomChange: (tag) => {
                     var _a, _b;
                     const axis = this._relatedAxisComponent;
-                    if (axis && this._filterMode === IFilterMode.axis) {
+                    if (axis && this._filterMode === "axis") {
                         const axisScale = axis.getScale();
                         const axisSpec = axis.getSpec();
                         if (this._auto && this._getAxisBandSize(axisSpec) && this._spec.ignoreBandSize) {
@@ -88087,7 +88005,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             };
             this._orient = getOrient(spec);
-            this._isHorizontal = getDirectionByOrient(this._orient) === Direction.horizontal;
+            this._isHorizontal = getDirectionByOrient(this._orient) === "horizontal";
         }
         created() {
             super.created();
@@ -88120,7 +88038,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     this._relatedAxisComponent = bandAxis;
                 }
             }
-            if (this._relatedAxisComponent && this._filterMode === IFilterMode.axis) {
+            if (this._relatedAxisComponent && this._filterMode === "axis") {
                 this._relatedAxisComponent.autoIndentOnce = true;
             }
         }
@@ -88348,7 +88266,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this._minSpan = Math.max(0, this._minSpan);
             this._maxSpan = Math.min(this._maxSpan, 1);
-            if ((!this._relatedAxisComponent || this._filterMode !== IFilterMode.axis) &&
+            if ((!this._relatedAxisComponent || this._filterMode !== "axis") &&
                 (this._start !== 0 || this._end !== 1)) {
                 this._newDomain = this._parseDomainFromState(this._startValue, this._endValue);
             }
@@ -88387,7 +88305,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         _addTransformToSeries() {
-            if (!this._relatedAxisComponent || this._filterMode !== IFilterMode.axis) {
+            if (!this._relatedAxisComponent || this._filterMode !== "axis") {
                 registerDataSetInstanceTransform(this._option.dataSet, 'dataFilterWithNewDomain', dataFilterWithNewDomain);
                 eachSeries(this._regions, s => {
                     s.addViewDataFilter({
@@ -88662,7 +88580,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return yScale.scale(min) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;
             };
             this._valueField = 'y';
-            this._filterMode = (_a = spec.filterMode) !== null && _a !== void 0 ? _a : IFilterMode.filter;
+            this._filterMode = (_a = spec.filterMode) !== null && _a !== void 0 ? _a : "filter";
         }
         created() {
             super.created();
@@ -88854,7 +88772,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.event.emit(exports.ChartEvent.dataZoomChange, {
                     model: this,
                     value: {
-                        filterData: this._filterMode !== IFilterMode.axis,
+                        filterData: this._filterMode !== "axis",
                         start,
                         end,
                         startValue: this._startValue,
@@ -88962,7 +88880,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.layoutZIndex = exports.LayoutZIndex.DataZoom;
             this.layoutLevel = exports.LayoutLevel.DataZoom;
             this.layoutType = 'region-relative';
-            this._filterMode = (_a = spec.filterMode) !== null && _a !== void 0 ? _a : IFilterMode.axis;
+            this._filterMode = (_a = spec.filterMode) !== null && _a !== void 0 ? _a : "axis";
         }
         setAttrFromSpec() {
             super.setAttrFromSpec();
@@ -89040,7 +88958,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.event.emit(exports.ChartEvent.scrollBarChange, {
                     model: this,
                     value: {
-                        filterData: this._filterMode !== IFilterMode.axis,
+                        filterData: this._filterMode !== "axis",
                         start: this._start,
                         end: this._end,
                         startValue: this._startValue,
@@ -89463,7 +89381,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             endRelativeSeries
         };
         const lines = [];
-        const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
+        const dataPoints = data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
         const xDomain = relativeSeries.getXAxisHelper().getScale(0).domain();
         const yDomain = relativeSeries.getYAxisHelper().getScale(0).domain();
         dataPoints.forEach((datum) => {
@@ -89509,7 +89427,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     function coordinateLayout(data, relativeSeries, autoRange, coordinatesOffset) {
         const points = [];
-        const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
+        const dataPoints = data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
         const isArrayCoordinatesOffset = isArray$1(coordinatesOffset);
         dataPoints.forEach((datum, index) => {
             var _a, _b, _c, _d;
@@ -89880,6 +89798,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return {};
     }
 
+    function markerFilter(data, options) {
+        if (options && options.getRelativeSeries) {
+            const series = options.getRelativeSeries();
+            if (series) {
+                const viewData = series.getViewData();
+                return viewData && viewData.latestData && viewData.latestData.length ? data : [];
+            }
+        }
+        return data;
+    }
+
     class MarkLine extends BaseMarker {
         constructor() {
             super(...arguments);
@@ -89974,7 +89903,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 points = positionLayout(spec.positions, relativeSeries, spec.regionRelative);
             }
             const seriesData = this._relativeSeries.getViewData().latestData;
-            const dataPoints = data.latestData[0].latestData || data.latestData;
+            const dataPoints = data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
             let limitRect;
             if (spec.clip || ((_b = spec.label) === null || _b === void 0 ? void 0 : _b.confine)) {
                 const { minX, maxX, minY, maxY } = computeClipRange([
@@ -90074,6 +90003,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);
             registerDataSetInstanceTransform(this._option.dataSet, 'markerRegression', markerRegression);
+            registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);
             this._isXYLayout = doXProcess || doXYY1Process || doYProcess || doYXX1Process || doXYProcess;
             let options;
             let processData = relativeSeries.getViewData();
@@ -90144,6 +90074,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     options
                 });
             }
+            if (needAggr || needRegr) {
+                data.transform({
+                    type: 'markerFilter',
+                    options: this._getAllRelativeSeries()
+                });
+            }
             data.target.on('change', () => {
                 this._markerLayout();
             });
@@ -90386,7 +90322,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const seriesData = this._relativeSeries.getViewData().latestData;
             const dataPoints = data
-                ? data.latestData[0].latestData
+                ? data.latestData[0] && data.latestData[0].latestData
                     ? data.latestData[0].latestData
                     : data.latestData
                 : seriesData;
@@ -90441,6 +90377,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const seriesData = relativeSeries.getViewData();
             registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);
+            registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);
             const data = new DataView(this._option.dataSet, { name: `${this.type}_${this.id}_data` });
             data.parse([seriesData], {
                 type: 'dataview'
@@ -90449,6 +90386,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 type: 'markerAggregation',
                 options
             });
+            if (options) {
+                data.transform({
+                    type: 'markerFilter',
+                    options: this._getAllRelativeSeries()
+                });
+            }
             data.target.on('change', () => {
                 this._markerLayout();
             });
@@ -90959,7 +90902,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const datum = label.data;
                     const attribute = textAttribute(labelInfo, datum, labelSpec.formatMethod);
                     const x = (datum) => {
-                        if (series.direction === Direction.vertical) {
+                        if (series.direction === "vertical") {
                             return series.totalPositionX(datum, 'index', 0.5);
                         }
                         if (pos === 'middle') {
@@ -90974,7 +90917,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         return series.totalPositionX(datum, 'end') + (datum.end >= datum.start ? offset : -offset);
                     };
                     const y = (datum) => {
-                        if (series.direction === Direction.vertical) {
+                        if (series.direction === "vertical") {
                             if (pos === 'middle') {
                                 return (series.totalPositionY(datum, 'end') + series.totalPositionY(datum, 'start')) * 0.5;
                             }
@@ -90990,7 +90933,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     };
                     attribute.x = x(datum);
                     attribute.y = y(datum);
-                    if (series.direction === Direction.vertical) {
+                    if (series.direction === "vertical") {
                         attribute.textBaseline =
                             pos === 'middle'
                                 ? pos
@@ -91118,8 +91061,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._component = component;
         }
     }
-    LabelMark.type = MarkTypeEnum.text;
-    LabelMark.constructorType = MarkTypeEnum.label;
+    LabelMark.type = "text";
+    LabelMark.constructorType = "label";
     const registerLabelMark = () => {
         Factory.registerMark(LabelMark.constructorType, LabelMark);
         registerTextGraphic();
@@ -91238,7 +91181,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         if (spec.visible) {
                             const info = this._labelInfoMap.get(region);
                             const labelMark = this._createMark({
-                                type: MarkTypeEnum.label,
+                                type: "label",
                                 name: `${markName}-label-${index}`
                             }, { noSeparateStyle: true, attributeContext: series.getMarkAttributeContext() });
                             labelMark.setTarget(mark);
@@ -91256,7 +91199,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _initLabelComponent() {
             this._labelInfoMap.forEach((regionLabelInfo, region) => {
                 if (this._layoutRule === 'region') {
-                    const component = this._createMark({ type: MarkTypeEnum.component, name: `${region.getGroupMark().name}-label-component` }, {
+                    const component = this._createMark({ type: "component", name: `${region.getGroupMark().name}-label-component` }, {
                         componentType: 'label',
                         noSeparateStyle: true,
                         support3d: this._spec.support3d
@@ -91271,7 +91214,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
                 else {
                     regionLabelInfo.forEach((labelInfo, i) => {
-                        const component = this._createMark({ type: MarkTypeEnum.component, name: `${labelInfo.labelMark.name}-component` }, {
+                        const component = this._createMark({ type: "component", name: `${labelInfo.labelMark.name}-component` }, {
                             componentType: 'label',
                             noSeparateStyle: true,
                             support3d: labelInfo.baseMark.getSupport3d()
@@ -91443,8 +91386,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a;
             const series = this._getSeries();
             if ((_a = series.getSpec().totalLabel) === null || _a === void 0 ? void 0 : _a.visible) {
-                const mark = series.getMarksInType([MarkTypeEnum.rect, MarkTypeEnum.symbol])[0];
-                const textMark = this._createMark({ type: MarkTypeEnum.label, name: `${mark.name}-total-label` });
+                const mark = series.getMarksInType(["rect", "symbol"])[0];
+                const textMark = this._createMark({ type: "label", name: `${mark.name}-total-label` });
                 this._baseMark = mark;
                 this._textMark = textMark;
                 this._initTextMarkStyle();
@@ -91460,7 +91403,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _initLabelComponent() {
             const series = this._getSeries();
-            const component = this._createMark({ type: MarkTypeEnum.component, name: `${series.name}-total-label-component` }, {
+            const component = this._createMark({ type: "component", name: `${series.name}-total-label-component` }, {
                 componentType: 'label',
                 noSeparateStyle: true,
                 support3d: this._spec.support3d
@@ -91630,7 +91573,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const seriesData = this._relativeSeries.getViewData().latestData;
             const dataPoints = data
-                ? data.latestData[0].latestData
+                ? data.latestData[0] && data.latestData[0].latestData
                     ? data.latestData[0].latestData
                     : data.latestData
                 : seriesData;
@@ -91667,6 +91610,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return;
             }
             registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);
+            registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);
             let options;
             if (isXYProcess) {
                 options = [this._processSpecXY(spec.x, spec.y)];
@@ -91682,6 +91626,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 type: 'markerAggregation',
                 options
             });
+            if (options) {
+                data.transform({
+                    type: 'markerFilter',
+                    options: this._getAllRelativeSeries()
+                });
+            }
             data.target.on('change', () => {
                 this._markerLayout();
             });
@@ -92146,7 +92096,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    ImageMark.type = MarkTypeEnum.image;
+    ImageMark.type = "image";
     const registerImageMark = () => {
         Factory.registerMark(ImageMark.type, ImageMark);
         registerImageGraphic();
@@ -93539,7 +93489,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.registerWordCloudSeries = registerWordCloudSeries;
     exports.removeTheme = removeTheme;
     exports.seriesMarkInfoMap = seriesMarkInfoMap;
-    exports.seriesMarkNameSet = seriesMarkNameSet;
     exports.themeExist = themeExist;
     exports.themes = themes;
     exports.transformColorSchemeToStandardStruct = transformColorSchemeToStandardStruct;