@visactor/vchart 1.12.1 → 1.12.2-alpha.1

package/build/index.js

@@ -18,7 +18,7 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    function __rest$7(s, e) {
+    function __rest$d(s, e) {
       var t = {};
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
       if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -11333,7 +11333,7 @@
               federatedEvent = this.bootstrapEvent(this.rootPointerEvent, nativeEvent);
             this.manager.mapEvent(federatedEvent);
           }
-          this.setCursor(this.manager.cursor, this.manager.cursorTarget);
+          this.setCursor(this.manager.cursor, this.manager.cursorTarget), this.rootPointerEvent.nativeEvent = null;
         }, this.onPointerMove = nativeEvent => {
           if (this.supportsTouchEvents && "touch" === nativeEvent.pointerType) return;
           if (this.isEventOutsideOfTargetElement(nativeEvent)) return;
@@ -11342,7 +11342,7 @@
             const event = this.bootstrapEvent(this.rootPointerEvent, normalizedEvents[i]);
             this.manager.mapEvent(event);
           }
-          this.setCursor(this.manager.cursor, this.manager.cursorTarget);
+          this.setCursor(this.manager.cursor, this.manager.cursorTarget), this.rootPointerEvent.nativeEvent = null;
         }, this.onPointerUp = nativeEvent => {
           if (this.supportsTouchEvents && "touch" === nativeEvent.pointerType) return;
           const outside = this.isEventOutsideOfTargetViewPort(nativeEvent) ? "outside" : "",
@@ -11351,7 +11351,7 @@
             const event = this.bootstrapEvent(this.rootPointerEvent, normalizedEvents[i]);
             event.type += outside, this.manager.mapEvent(event);
           }
-          this.setCursor(this.manager.cursor, this.manager.cursorTarget);
+          this.setCursor(this.manager.cursor, this.manager.cursorTarget), this.rootPointerEvent.nativeEvent = null;
         }, this.onPointerOverOut = nativeEvent => {
           if (this.supportsTouchEvents && "touch" === nativeEvent.pointerType) return;
           const normalizedEvents = this.normalizeToPointerData(nativeEvent);
@@ -11359,7 +11359,7 @@
             const event = this.bootstrapEvent(this.rootPointerEvent, normalizedEvents[i]);
             this.manager.mapEvent(event);
           }
-          this.setCursor(this.manager.cursor, this.manager.cursorTarget);
+          this.setCursor(this.manager.cursor, this.manager.cursorTarget), this.rootPointerEvent.nativeEvent = null;
         }, this.onWheel = nativeEvent => {
           const wheelEvent = this.normalizeWheelEvent(nativeEvent);
           this.manager.mapEvent(wheelEvent);
@@ -12322,10 +12322,21 @@
         var _a, _b;
         super(from, to, duration, easing, params), this.newPointAnimateType = null !== (_a = null == params ? void 0 : params.newPointAnimateType) && void 0 !== _a ? _a : "grow", this.clipRangeByDimension = null !== (_b = null == params ? void 0 : params.clipRangeByDimension) && void 0 !== _b ? _b : "x";
       }
+      getPoints(attribute) {
+        let cache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+        if (attribute.points) return attribute.points;
+        if (attribute.segments) {
+          const points = [];
+          return this.segmentsCache || (this.segmentsCache = []), attribute.segments.map(segment => {
+            var _a, _b;
+            segment.points && points.push(...segment.points), cache && this.segmentsCache.push(null !== (_b = null === (_a = segment.points) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0);
+          }), points;
+        }
+        return [];
+      }
       onBind() {
-        var _a, _b;
-        const originFromPoints = null === (_a = this.from) || void 0 === _a ? void 0 : _a.points,
-          originToPoints = null === (_b = this.to) || void 0 === _b ? void 0 : _b.points;
+        const originFromPoints = this.getPoints(this.from),
+          originToPoints = this.getPoints(this.to, !0);
         this.fromPoints = originFromPoints ? Array.isArray(originFromPoints) ? originFromPoints : [originFromPoints] : [], this.toPoints = originToPoints ? Array.isArray(originToPoints) ? originToPoints : [originToPoints] : [];
         const tagMap = new Map();
         this.fromPoints.forEach(point => {
@@ -12356,10 +12367,18 @@
         });
       }
       onUpdate(end, ratio, out) {
-        this.points = this.points.map((point, index) => {
+        if (this.points = this.points.map((point, index) => {
           const newPoint = pointInterpolation(this.interpolatePoints[index][0], this.interpolatePoints[index][1], ratio);
           return newPoint.context = point.context, newPoint;
-        }), this.clipRange && (out.clipRange = this.clipRange + (1 - this.clipRange) * ratio), out.points = this.points;
+        }), this.clipRange && (out.clipRange = this.clipRange + (1 - this.clipRange) * ratio), this.segmentsCache && this.to.segments) {
+          let start = 0;
+          out.segments = this.to.segments.map((segment, index) => {
+            const points = this.points.slice(start, this.segmentsCache[start]);
+            return start += this.segmentsCache[start], Object.assign(Object.assign({}, segment), {
+              points: points
+            });
+          });
+        } else out.points = this.points;
       }
     }
     class ClipGraphicAnimate extends ACustomAnimate {
@@ -24587,6 +24606,18 @@
       Factory$2.registerPlugin("ViewTransform3dPlugin", ViewTransform3dPlugin);
     };
 
+    function combineArray(arr) {
+        const result = [];
+        for (let index = 0; index < arr.length; index++) {
+            const element = arr[index];
+            if (index === 0) {
+                result.push(element[0]);
+            }
+            result.push(element[1]);
+        }
+        return result;
+    }
+
     const warn = (msg, detail) => {
         if (isFunction$1(config.warnHandler)) {
             config.warnHandler.call(null, msg, detail);
@@ -30404,7 +30435,7 @@
       registerGroup(), registerRect(), registerSymbol(), registerRichtext(), registerText();
     }
 
-    var __rest$6 = undefined && undefined.__rest || function (s, e) {
+    var __rest$c = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -30455,7 +30486,7 @@
         const {
             visible: shapeVisible
           } = shape,
-          shapeStyle = __rest$6(shape, ["visible"]);
+          shapeStyle = __rest$c(shape, ["visible"]);
         if (isBoolean$1(shapeVisible)) {
           const size = (null == shapeStyle ? void 0 : shapeStyle.size) || 10,
             maxSize = isNumber$1(size) ? size : Math.max(size[0], size[1]);
@@ -30486,7 +30517,7 @@
           const {
               visible: bgVisible
             } = panel,
-            backgroundStyle = __rest$6(panel, ["visible"]);
+            backgroundStyle = __rest$c(panel, ["visible"]);
           if (visible && isBoolean$1(bgVisible)) {
             const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
               visible: bgVisible && !!text,
@@ -30574,7 +30605,7 @@
           const {
               visible: bgVisible
             } = panel,
-            backgroundStyle = __rest$6(panel, ["visible"]);
+            backgroundStyle = __rest$c(panel, ["visible"]);
           if (visible && isBoolean$1(bgVisible)) {
             const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
               visible: bgVisible && !!text,
@@ -30640,7 +30671,7 @@
       merge$2(theme.poptip, DEFAULT_THEME, defaultPoptipTheme);
     }
 
-    var __rest$5 = undefined && undefined.__rest || function (s, e) {
+    var __rest$b = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -30727,7 +30758,7 @@
         const {
             visible: bgVisible
           } = panel,
-          backgroundStyle = __rest$5(panel, ["visible"]),
+          backgroundStyle = __rest$b(panel, ["visible"]),
           symbolSize = null !== (_a = backgroundStyle.size) && void 0 !== _a ? _a : 12,
           spaceSize = isArray$1(symbolSize) ? [symbolSize[0] + (null !== (_b = backgroundStyle.space) && void 0 !== _b ? _b : 0), symbolSize[1] + (null !== (_c = backgroundStyle.space) && void 0 !== _c ? _c : 0)] : symbolSize + (null !== (_d = backgroundStyle.space) && void 0 !== _d ? _d : 0),
           lineWidth = null !== (_e = backgroundStyle.lineWidth) && void 0 !== _e ? _e : 1,
@@ -30910,7 +30941,7 @@
     }
     let PopTipRenderContribution = class {
       render(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb, options) {
-        var _a;
+        var _a, _b;
         if (1 === graphic._showPoptip) {
           const {
             visible: visible,
@@ -30935,9 +30966,9 @@
           })), drawContext.stage.tryInitInteractiveLayer();
           const interactiveLayer = drawContext.stage.getLayer("_builtin_interactive");
           interactiveLayer && interactiveLayer.add(this.poptipComponent);
-        } else 2 === graphic._showPoptip && (graphic._showPoptip = 0, this.poptipComponent && this.poptipComponent.setAttributes({
+        } else 2 === graphic._showPoptip && (graphic._showPoptip = 0, this.poptipComponent && (this.poptipComponent.setAttributes({
           visibleAll: !1
-        }));
+        }), null === (_b = this.poptipComponent.parent) || void 0 === _b || _b.removeChild(this.poptipComponent)));
       }
     };
     PopTipRenderContribution = __decorate$1([injectable()], PopTipRenderContribution);
@@ -31738,6 +31769,15 @@
       registerGroup(), registerText(), registerRichtext(), registerLine();
     }
 
+    var __rest$a = undefined && undefined.__rest || function (s, e) {
+      var t = {};
+      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+      if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+      }
+      return t;
+    };
     loadLabelComponent();
     class LabelBase extends AbstractComponent {
       setBitmap(bitmap) {
@@ -31747,7 +31787,13 @@
         this._bmpTool = bmpTool;
       }
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, LabelBase.defaultAttributes, attributes)), this.name = "label", this._onHover = e => {
+        const {
+            data: data
+          } = attributes,
+          restAttributes = __rest$a(attributes, ["data"]);
+        super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
+          data: data
+        }, merge$2({}, LabelBase.defaultAttributes, restAttributes))), this.name = "label", this._onHover = e => {
           const target = e.target;
           target === this._lastHover || isEmpty(target.states) || (target.addState(StateValue.hover, !0), traverseGroup(this, node => {
             node === target || isEmpty(node.states) || node.addState(StateValue.hoverReverse, !0);
@@ -32273,9 +32319,24 @@
     };
     const getLabelComponent = type => labelComponentMap[type];
 
+    var __rest$9 = undefined && undefined.__rest || function (s, e) {
+      var t = {};
+      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+      if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+      }
+      return t;
+    };
     class SymbolLabel extends LabelBase {
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, SymbolLabel.defaultAttributes, attributes)), this.name = "symbol-label";
+        const {
+            data: data
+          } = attributes,
+          restAttributes = __rest$9(attributes, ["data"]);
+        super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
+          data: data
+        }, merge$2({}, SymbolLabel.defaultAttributes, restAttributes))), this.name = "symbol-label";
       }
       labeling(textBounds, graphicBounds) {
         let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "top";
@@ -32294,9 +32355,24 @@
       registerLabelComponent("symbol", SymbolLabel), registerLabelComponent("line-data", SymbolLabel);
     };
 
+    var __rest$8 = undefined && undefined.__rest || function (s, e) {
+      var t = {};
+      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+      if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+      }
+      return t;
+    };
     class RectLabel extends LabelBase {
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, RectLabel.defaultAttributes, attributes));
+        const {
+            data: data
+          } = attributes,
+          restAttributes = __rest$8(attributes, ["data"]);
+        super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
+          data: data
+        }, merge$2({}, RectLabel.defaultAttributes, restAttributes)));
       }
       labeling(textBounds, graphicBounds) {
         let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "top";
@@ -32343,16 +32419,36 @@
       registerLabelComponent("rect", RectLabel);
     };
 
+    var __rest$7 = undefined && undefined.__rest || function (s, e) {
+      var t = {};
+      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+      if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+      }
+      return t;
+    };
     let LineLabel$1 = class LineLabel extends LabelBase {
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, LineLabel.defaultAttributes, attributes)), this.name = "line-label";
+        const {
+            data: data
+          } = attributes,
+          restAttributes = __rest$7(attributes, ["data"]);
+        super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
+          data: data
+        }, merge$2({}, LineLabel.defaultAttributes, restAttributes))), this.name = "line-label";
       }
       getGraphicBounds(graphic) {
         let point = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "end";
         if (!graphic || "line" !== graphic.type && "area" !== graphic.type) return super.getGraphicBounds(graphic, point);
-        const points = graphic.attribute.points || [point],
-          index = "start" === position ? 0 : points.length - 1;
+        let points = graphic.attribute.points;
+        const segments = graphic.attribute.segments;
+        !points && segments && segments.length && (points = segments.reduce((res, seg) => {
+          var _a;
+          return res.concat(null !== (_a = seg.points) && void 0 !== _a ? _a : []);
+        }, [])), points && 0 !== points.length || (points = [point]);
+        const index = "start" === position ? 0 : points.length - 1;
         return points[index] ? {
           x1: points[index].x,
           x2: points[index].x,
@@ -32377,6 +32473,15 @@
       registerLabelComponent("line", LineLabel$1), registerLabelComponent("area", LineLabel$1);
     };
 
+    var __rest$6 = undefined && undefined.__rest || function (s, e) {
+      var t = {};
+      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+      if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+      }
+      return t;
+    };
     class ArcInfo {
       constructor(refDatum, center, outerCenter, quadrant, radian, middleAngle, innerRadius, outerRadius, circleCenter) {
         this.refDatum = refDatum, this.center = center, this.outerCenter = outerCenter, this.quadrant = quadrant, this.radian = radian, this.middleAngle = middleAngle, this.innerRadius = innerRadius, this.outerRadius = outerRadius, this.circleCenter = circleCenter, this.labelVisible = !0, this.labelLimit = 0;
@@ -32397,7 +32502,13 @@
     }
     class ArcLabel extends LabelBase {
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, ArcLabel.defaultAttributes, attributes)), this.name = "arc-label", this._ellipsisWidth = 0, this._arcLeft = new Map(), this._arcRight = new Map();
+        const {
+            data: data
+          } = attributes,
+          restAttributes = __rest$6(attributes, ["data"]);
+        super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
+          data: data
+        }, merge$2({}, ArcLabel.defaultAttributes, restAttributes))), this.name = "arc-label", this._ellipsisWidth = 0, this._arcLeft = new Map(), this._arcRight = new Map();
       }
       _overlapping(labels) {
         return labels;
@@ -32924,9 +33035,24 @@
       registerLabelComponent("arc", ArcLabel);
     };
 
+    var __rest$5 = undefined && undefined.__rest || function (s, e) {
+      var t = {};
+      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+      if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+      }
+      return t;
+    };
     class DataLabel extends AbstractComponent {
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, DataLabel.defaultAttributes, attributes)), this.name = "data-label";
+        const {
+            dataLabels: dataLabels
+          } = attributes,
+          restAttributes = __rest$5(attributes, ["dataLabels"]);
+        super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
+          dataLabels: dataLabels
+        }, merge$2({}, DataLabel.defaultAttributes, restAttributes))), this.name = "data-label";
       }
       render() {
         var _a;
@@ -33236,7 +33362,7 @@
 
     var AXIS_ELEMENT_NAME;
     !function (AXIS_ELEMENT_NAME) {
-      AXIS_ELEMENT_NAME.innerView = "inner-view", AXIS_ELEMENT_NAME.axisContainer = "axis-container", AXIS_ELEMENT_NAME.labelContainer = "axis-label-container", AXIS_ELEMENT_NAME.tickContainer = "axis-tick-container", AXIS_ELEMENT_NAME.tick = "axis-tick", AXIS_ELEMENT_NAME.subTick = "axis-sub-tick", AXIS_ELEMENT_NAME.label = "axis-label", AXIS_ELEMENT_NAME.title = "axis-title", AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", AXIS_ELEMENT_NAME.grid = "axis-grid", AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", AXIS_ELEMENT_NAME.line = "axis-line", AXIS_ELEMENT_NAME.background = "axis-background", AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background";
+      AXIS_ELEMENT_NAME.innerView = "inner-view", AXIS_ELEMENT_NAME.axisContainer = "axis-container", AXIS_ELEMENT_NAME.labelContainer = "axis-label-container", AXIS_ELEMENT_NAME.tickContainer = "axis-tick-container", AXIS_ELEMENT_NAME.tick = "axis-tick", AXIS_ELEMENT_NAME.subTick = "axis-sub-tick", AXIS_ELEMENT_NAME.label = "axis-label", AXIS_ELEMENT_NAME.title = "axis-title", AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", AXIS_ELEMENT_NAME.grid = "axis-grid", AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", AXIS_ELEMENT_NAME.line = "axis-line", AXIS_ELEMENT_NAME.background = "axis-background", AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background", AXIS_ELEMENT_NAME.axisBreak = "axis-break", AXIS_ELEMENT_NAME.axisBreakSymbol = "axis-break-symbol";
     }(AXIS_ELEMENT_NAME || (AXIS_ELEMENT_NAME = {}));
     var AxisStateValue;
     !function (AxisStateValue) {
@@ -33303,6 +33429,12 @@
         }
       }
     };
+    const DEFAULT_AXIS_BREAK_SYMBOL_STYLE = {
+      size: 8,
+      stroke: "#000",
+      lineWidth: 1,
+      zIndex: 1
+    };
 
     const clampRadian = function () {
       let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -33334,6 +33466,19 @@
         y: baseY - dy
       };
     }
+    function getAxisBreakSymbolAttrs() {
+      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var _a, _b;
+      const {
+          style = {}
+        } = props,
+        symbolStyle = merge$2({}, DEFAULT_AXIS_BREAK_SYMBOL_STYLE, style),
+        symbolSize = null !== (_a = symbolStyle.size) && void 0 !== _a ? _a : DEFAULT_AXIS_BREAK_SYMBOL_STYLE.size;
+      return Object.assign(Object.assign({}, symbolStyle), {
+        symbolType: null !== (_b = symbolStyle.symbolType) && void 0 !== _b ? _b : `M ${-symbolSize / 2} ${symbolSize / 6} L ${symbolSize / 2} ${-symbolSize / 6}`,
+        symbolSize: symbolSize
+      });
+    }
     function getElMap(g) {
       const elMap = {};
       return traverseGroup(g, el => {
@@ -33469,18 +33614,20 @@
             let maxTextWidth = 0,
               maxTextHeight = 0,
               textAlign = "center",
-              textBaseline = "middle";
-            labels.forEach(label => {
+              textBaseline = "middle",
+              labelPos = 0;
+            labels.forEach((label, index) => {
               var _a;
               const labelStyle = label.attribute,
                 angle = null !== (_a = labelStyle.angle) && void 0 !== _a ? _a : 0,
                 textBounds = label.AABBBounds;
               let textWidth = textBounds.width(),
                 textHeight = textBounds.height();
-              angle && (textWidth = Math.abs(textWidth * Math.cos(angle)), textHeight = Math.abs(textHeight * Math.sin(angle))), maxTextWidth = Math.max(maxTextWidth, textWidth), maxTextHeight = Math.max(maxTextHeight, textHeight), textAlign = labelStyle.textAlign, textBaseline = labelStyle.textBaseline;
+              angle && (textWidth = Math.abs(textWidth * Math.cos(angle)), textHeight = Math.abs(textHeight * Math.sin(angle))), maxTextWidth = Math.max(maxTextWidth, textWidth), maxTextHeight = Math.max(maxTextHeight, textHeight), textAlign = labelStyle.textAlign, textBaseline = labelStyle.textBaseline, 0 === index && (labelPos = labelStyle.x);
             }), this.axisLabelLayerSize[layer] = {
               width: maxTextWidth,
               height: maxTextHeight,
+              labelPos: labelPos,
               textAlign: textAlign,
               textBaseline: textBaseline
             };
@@ -33847,9 +33994,9 @@
     }
     function getYAxisLabelAlign(orient) {
       let angle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      let align = ["right", "right", "center", "left", "center", "left", "center", "right", "right"],
+      let align = ["right", "right", "center", "left", "left", "left", "center", "right", "right"],
         baseline = ["middle", "middle", "top", "top", "middle", "middle", "bottom", "bottom", "middle"];
-      "right" === orient && (align = ["left", "right", "right", "right", "left", "left", "left", "left", "right"], baseline = ["middle", "bottom", "middle", "top", "top", "top", "middle", "bottom", "bottom"]);
+      "right" === orient && (align = ["left", "left", "center", "right", "right", "right", "center", "left", "left"], baseline = ["middle", "middle", "bottom", "bottom", "middle", "middle", "top", "middle", "middle"]);
       const step = (angle = clampAngle(angle)) / (.5 * Math.PI);
       let index;
       return index = step === Math.floor(step) ? 2 * Math.floor(step) : 2 * Math.floor(step) + 1, {
@@ -33906,57 +34053,37 @@
     }
 
     function alignAxisLabels(labels, start, containerSize, orient, align) {
-      if ("right" === orient || "left" === orient) {
-        if ("left" === align) {
-          const flag = "right" === orient ? 0 : -1;
-          labels.forEach(label => {
-            label.setAttributes({
-              x: start + containerSize * flag,
-              textAlign: "left"
-            });
-          });
-        } else if ("right" === align) {
-          const flag = "right" === orient ? 1 : 0;
-          labels.forEach(label => {
-            label.setAttributes({
-              x: start + containerSize * flag,
-              textAlign: "right"
-            });
-          });
-        } else if ("center" === align) {
-          const flag = "right" === orient ? 1 : -1;
-          labels.forEach(label => {
-            label.setAttributes({
-              x: start + .5 * containerSize * flag,
-              textAlign: "center"
-            });
-          });
-        }
-      } else if ("bottom" === orient || "top" === orient) if ("top" === align) {
-        const flag = "bottom" === orient ? 0 : -1;
-        labels.forEach(label => {
-          label.setAttributes({
-            y: start + containerSize * flag,
-            textBaseline: "top"
-          });
+      "left" === orient || "right" === orient ? "left" === align ? labels.forEach(label => {
+        var _a;
+        label.setAttributes({
+          dx: (null !== (_a = label.attribute.dx) && void 0 !== _a ? _a : 0) + start - label.AABBBounds.x1
         });
-      } else if ("bottom" === align) {
-        const flag = "bottom" === orient ? 1 : 0;
-        labels.forEach(label => {
-          label.setAttributes({
-            y: start + containerSize * flag,
-            textBaseline: "bottom"
-          });
+      }) : "right" === align ? labels.forEach(label => {
+        var _a;
+        label.setAttributes({
+          dx: (null !== (_a = label.attribute.dx) && void 0 !== _a ? _a : 0) + start + containerSize - label.AABBBounds.x2
         });
-      } else if ("middle" === align) {
-        const flag = "bottom" === orient ? 1 : -1;
-        labels.forEach(label => {
-          label.setAttributes({
-            y: start + .5 * containerSize * flag,
-            textBaseline: "middle"
-          });
+      }) : "center" === align && labels.forEach(label => {
+        var _a;
+        label.setAttributes({
+          dx: (null !== (_a = label.attribute.dx) && void 0 !== _a ? _a : 0) + start + containerSize / 2 - (label.AABBBounds.x1 + label.AABBBounds.x2) / 2
         });
-      }
+      }) : "bottom" !== orient && "top" !== orient || ("top" === align ? labels.forEach(label => {
+        var _a;
+        label.setAttributes({
+          dy: (null !== (_a = label.attribute.dy) && void 0 !== _a ? _a : 0) + start - label.AABBBounds.y1
+        });
+      }) : "bottom" === align ? labels.forEach(label => {
+        var _a;
+        label.setAttributes({
+          dy: (null !== (_a = label.attribute.dy) && void 0 !== _a ? _a : 0) + start + containerSize - label.AABBBounds.y2
+        });
+      }) : "middle" === align && labels.forEach(label => {
+        var _a;
+        label.setAttributes({
+          dy: (null !== (_a = label.attribute.dy) && void 0 !== _a ? _a : 0) + start + containerSize / 2 - (label.AABBBounds.y1 + label.AABBBounds.y2) / 2
+        });
+      }));
     }
 
     class LineAxisMixin {
@@ -34024,7 +34151,50 @@
       }
       _renderInner(container) {
         var _a;
-        super._renderInner(container);
+        if (this.attribute.breaks && this.attribute.breaks.length) {
+          const transformedBreaks = [];
+          for (let index = 0; index < this.attribute.breaks.length; index++) {
+            const aBreak = this.attribute.breaks[index],
+              {
+                range: range,
+                breakSymbol: breakSymbol,
+                rawRange: rawRange
+              } = aBreak;
+            transformedBreaks.push({
+              startPoint: this.getTickCoord(range[0]),
+              endPoint: this.getTickCoord(range[1]),
+              range: range,
+              breakSymbol: breakSymbol,
+              rawRange: rawRange
+            });
+          }
+          this._breaks = transformedBreaks;
+        }
+        super._renderInner(container), this._breaks && this._breaks.length && this._breaks.forEach((b, index) => {
+          const {
+            startPoint: startPoint,
+            endPoint: endPoint,
+            breakSymbol: breakSymbol,
+            rawRange: rawRange
+          } = b;
+          if (!1 !== (null == breakSymbol ? void 0 : breakSymbol.visible)) {
+            const axisBreakGroup = graphicCreator.group({
+              zIndex: 99
+            });
+            axisBreakGroup.name = AXIS_ELEMENT_NAME.axisBreak, axisBreakGroup.id = this._getNodeId(`${AXIS_ELEMENT_NAME.axisBreak}-${index}`), axisBreakGroup.data = rawRange;
+            const symbolStyle = getAxisBreakSymbolAttrs(breakSymbol),
+              shape1 = graphicCreator.symbol(Object.assign({
+                x: startPoint.x,
+                y: startPoint.y
+              }, symbolStyle));
+            shape1.name = AXIS_ELEMENT_NAME.axisBreakSymbol;
+            const shape2 = graphicCreator.symbol(Object.assign({
+              x: endPoint.x,
+              y: endPoint.y
+            }, symbolStyle));
+            shape2.name = AXIS_ELEMENT_NAME.axisBreakSymbol, axisBreakGroup.add(shape1), axisBreakGroup.add(shape2), container.add(axisBreakGroup);
+          }
+        });
         const {
           panel: panel
         } = this.attribute;
@@ -34051,18 +34221,25 @@
             startSymbol: startSymbol,
             endSymbol: endSymbol,
             style: style,
-            breakRange: breakRange,
-            breakShape: breakShape,
-            breakShapeStyle: breakShapeStyle,
             state: state
           } = _a,
-          restLineAttrs = __rest$4(_a, ["startSymbol", "endSymbol", "style", "breakRange", "breakShape", "breakShapeStyle", "state"]),
+          restLineAttrs = __rest$4(_a, ["startSymbol", "endSymbol", "style", "state"]),
           lineAttrs = Object.assign({
-            points: [start, end],
             startSymbol: startSymbol,
             endSymbol: endSymbol,
             lineStyle: style
           }, restLineAttrs);
+        if (this._breaks && this._breaks.length) {
+          const linePoints = [];
+          let lastStartPoint = start;
+          this._breaks.forEach(b => {
+            const {
+              startPoint: startPoint,
+              endPoint: endPoint
+            } = b;
+            linePoints.push([lastStartPoint, startPoint]), lastStartPoint = endPoint;
+          }), linePoints.push([lastStartPoint, end]), lineAttrs.points = linePoints, lineAttrs.multiSegment = !0;
+        } else lineAttrs.points = [start, end];
         isEmpty(state) || (lineAttrs.state = {
           line: merge$2({}, DEFAULT_STATES$1, state),
           symbol: merge$2({}, DEFAULT_STATES$1, state)
@@ -34100,19 +34277,15 @@
           if (0 === axisVector[1]) {
             const labelBoundsHeight = this.axisLabelsContainer ? this.axisLabelsContainer.AABBBounds.height() : 0;
             isFinite(labelBoundsHeight) ? labelLength += labelBoundsHeight + (layerCount - 1) * space : labelLength = 0;
-          } else {
-            if (0 === axisVector[0]) {
-              const boundsWidth = this.axisLabelsContainer ? this.axisLabelsContainer.AABBBounds.width() : 0;
-              isFinite(boundsWidth) ? labelLength += boundsWidth + (layerCount - 1) * space : labelLength = 0;
-            } else Object.keys(this.axisLabelLayerSize).forEach((layer, index) => {
-              labelLength += this.axisLabelLayerSize[layer].width + (index > 0 ? space : 0);
-            });
-            const textAlign = this.axisLabelLayerSize[0].textAlign,
-              isTextAlignStart = "start" === textAlign || "left" === textAlign,
-              isTextCenter = "center" === textAlign,
-              isReverse = axisVector[1] > 0;
-            labelLength = 1 === factor ? isReverse ? isTextAlignStart ? labelLength : isTextCenter ? labelLength / 2 : space : isTextAlignStart ? space : isTextCenter ? labelLength / 2 : labelLength : isReverse ? isTextAlignStart ? space : isTextCenter ? labelLength / 2 : labelLength : isTextAlignStart ? labelLength : isTextCenter ? labelLength / 2 : space;
-          }
+          } else if (0 === axisVector[0]) {
+            if (this.axisLabelsContainer && this.axisLabelsContainer.AABBBounds && !this.axisLabelsContainer.AABBBounds.empty()) {
+              const baseX = this.axisLabelLayerSize[0].labelPos,
+                bounds = this.axisLabelsContainer.AABBBounds;
+              labelLength += (1 === factor ? bounds.x2 > baseX ? Math.min(bounds.x2 - baseX, bounds.width()) : 0 : bounds.x1 < baseX ? Math.min(baseX - bounds.x1, bounds.width()) : 0) + (layerCount - 1) * space;
+            } else labelLength = 0;
+          } else Object.keys(this.axisLabelLayerSize).forEach((layer, index) => {
+            labelLength += this.axisLabelLayerSize[layer].width + (index > 0 ? space : 0);
+          });
         }
         let tickLength = 0;
         (null === (_b = this.attribute.tick) || void 0 === _b ? void 0 : _b.visible) && !1 === this.attribute.tick.inside && (tickLength = this.attribute.tick.length || 4), (null === (_c = this.attribute.subTick) || void 0 === _c ? void 0 : _c.visible) && !1 === this.attribute.subTick.inside && (tickLength = Math.max(tickLength, this.attribute.subTick.length || 2));
@@ -34324,7 +34497,7 @@
         }
         if (isValid$1(this.attribute.label.containerAlign)) {
           let start;
-          "left" === orient ? start = axisLabelContainerBounds.x2 : "right" === orient ? start = axisLabelContainerBounds.x1 : "top" === orient ? start = axisLabelContainerBounds.y2 : "bottom" === orient && (start = axisLabelContainerBounds.y1), alignAxisLabels(labelShapes, start, axisLabelContainerSize, orient, this.attribute.label.containerAlign);
+          "left" === orient ? start = axisLabelContainerBounds.x2 - axisLabelContainerSize : "right" === orient ? start = axisLabelContainerBounds.x1 : "top" === orient ? start = axisLabelContainerBounds.y2 - axisLabelContainerSize : "bottom" === orient && (start = axisLabelContainerBounds.y1), alignAxisLabels(labelShapes, start, axisLabelContainerSize, orient, this.attribute.label.containerAlign);
         }
       }
       _getAxisLabelLimitLength(limitSize, layerCount) {
@@ -35669,7 +35842,28 @@
       }
     }
 
+    function getScaleTicks(op, scale, count, getTicks) {
+      let scaleTicks;
+      const {
+        breakData: breakData
+      } = op;
+      if (breakData) {
+        const {
+            range: breakRanges
+          } = breakData(),
+          domain = scale.domain();
+        scaleTicks = [];
+        for (let i = 0; i < domain.length; i++) if (i < domain.length - 1) {
+          getTicks(count, [domain[i], domain[i + 1]]).forEach(tick => {
+            breakRanges.some(breakRange => tick >= breakRange[0] && tick <= breakRange[1]) || scaleTicks.push(tick);
+          });
+        }
+        scale.domain(domain);
+      } else scaleTicks = getTicks(count);
+      return scaleTicks;
+    }
     const continuousTicks = (scale, op) => {
+      var _a, _b;
       if (!isContinuous(scale.type)) return convertDomainToTickData(scale.domain());
       const range = scale.range(),
         rangeSize = Math.abs(range[range.length - 1] - range[0]);
@@ -35679,27 +35873,33 @@
         forceTickCount: forceTickCount,
         tickStep: tickStep,
         noDecimals = !1,
-        labelStyle: labelStyle
+        labelStyle: labelStyle,
+        breakData: breakData
       } = op;
       let scaleTicks;
-      if (isValid$1(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$1(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if ("d3" === op.tickMode) {
-        const count = isFunction$1(tickCount) ? tickCount({
+      if (isValid$1(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$1(forceTickCount)) scaleTicks = getScaleTicks(op, scale, forceTickCount, (count, range) => range && range.length ? scale.domain(range).forceTicks(count) : scale.forceTicks(count));else if ("d3" === op.tickMode) {
+        const count = null !== (_a = isFunction$1(tickCount) ? tickCount({
           axisLength: rangeSize,
           labelStyle: labelStyle
-        }) : tickCount;
-        scaleTicks = scale.d3Ticks(null != count ? count : 5, {
+        }) : tickCount) && void 0 !== _a ? _a : 5;
+        scaleTicks = getScaleTicks(op, scale, count, (count, range) => range && range.length ? scale.domain(range).d3Ticks(count, {
           noDecimals: noDecimals
-        });
+        }) : scale.d3Ticks(count, {
+          noDecimals: noDecimals
+        }));
       } else {
-        const count = isFunction$1(tickCount) ? tickCount({
+        const count = null !== (_b = isFunction$1(tickCount) ? tickCount({
             axisLength: rangeSize,
             labelStyle: labelStyle
-          }) : tickCount,
+          }) : tickCount) && void 0 !== _b ? _b : 5,
           customTicks = isFunction$1(op.tickMode) ? op.tickMode : void 0;
-        scaleTicks = scale.ticks(null != count ? count : 5, {
+        scaleTicks = getScaleTicks(op, scale, count, (count, range) => range && range.length ? scale.domain(range).ticks(count, {
           noDecimals: noDecimals,
           customTicks: customTicks
-        });
+        }) : scale.ticks(count, {
+          noDecimals: noDecimals,
+          customTicks: customTicks
+        }));
       }
       if (op.sampling && ("cartesian" === op.coordinateType || "polar" === op.coordinateType && "radius" === op.axisOrientType)) {
         const {
@@ -35710,7 +35910,8 @@
           AABBBounds: bounds,
           value: scaleTicks[i]
         }));
-        for (; items.length >= 3 && hasOverlap$1(items, labelGap);) items = methods$1.parity(items);
+        const samplingMethod = breakData ? methods$1.greedy : methods$1.parity;
+        for (; items.length >= 3 && hasOverlap$1(items, labelGap);) items = samplingMethod(items, labelGap);
         const ticks = items.map(item => item.value);
         ticks.length < 3 && labelFlush && (ticks.length > 1 && ticks.pop(), last(ticks) !== last(scaleTicks) && ticks.push(last(scaleTicks))), scaleTicks = ticks;
       }
@@ -41001,7 +41202,7 @@
         }
       }
       render() {
-        var _a;
+        var _a, _b;
         if (this.removeAllChild(!0), !0 !== this.attribute.visible) return;
         const {
             title = {},
@@ -41013,7 +41214,8 @@
           group = this.createOrUpdateChild("indicator-container", {
             x: 0,
             y: 0,
-            zIndex: 1
+            zIndex: 1,
+            pickable: null === (_a = this.attribute.pickable) || void 0 === _a || _a
           }, "group");
         if (isValid$1(title) && (this._title = this._renderText(group, title, limit, limitRatio, "title.style", "indicator-title")), isValid$1(content)) {
           const contents = array(content),
@@ -41023,7 +41225,7 @@
           }), this._content = contentComponents;
         }
         this._setGlobalAutoFit(limit), this._setYPosition();
-        const totalHeight = null !== (_a = null == group ? void 0 : group.AABBBounds.height()) && void 0 !== _a ? _a : 0;
+        const totalHeight = null !== (_b = null == group ? void 0 : group.AABBBounds.height()) && void 0 !== _b ? _b : 0;
         group.setAttribute("y", size.height / 2 - totalHeight / 2), group.setAttribute("x", size.width / 2);
       }
       _setLocalAutoFit(limit, indicatorItem, indicatorItemSpec) {
@@ -41285,6 +41487,15 @@
     const forwardStep = (direction, currentIndex, min, max) => "default" === direction ? Math.min(currentIndex + 1, max) : Math.max(currentIndex - 1, min);
 
     class BasePlayer extends AbstractComponent {
+      getMinIndex() {
+        return this._minIndex;
+      }
+      getMaxIndex() {
+        return this._maxIndex;
+      }
+      getDataIndex() {
+        return this._dataIndex;
+      }
       constructor(attributes, options) {
         super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, BasePlayer.defaultAttributes, attributes)), this._data = [], this._dataIndex = 0, this._layoutInfo = {}, this._updateSliderAttrs = () => {
           var _a, _b;
@@ -54382,13 +54593,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return targetAxisInfo;
     };
     const getDimensionInfoByPosition = (axis, posValue, posKey, getDimensionField) => {
-        const scale = axis.getScale();
-        const scalePos = posValue - axis.getLayoutStartPoint()[posKey];
-        if ((scalePos - scale.range()[0]) * (scalePos - scale.range()[1]) > 0) {
-            return null;
-        }
-        const value = scale.invert(scalePos);
-        return getDimensionInfoByValue(axis, value, getDimensionField);
+        const value = axis.positionToData(posValue, true);
+        return isNil$1(value) ? null : getDimensionInfoByValue(axis, value, getDimensionField);
     };
     const getDimensionInfoByValue = (axis, value, getDimensionField) => {
         const scale = axis.getScale();
@@ -58667,7 +58873,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._product.encode(updateStyles, true);
         }
         _separateStyle() {
-            const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL, normalStyle = _a[_b]; __rest$7(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL, normalStyle = _a[_b]; __rest$d(_a, [typeof _b === "symbol" ? _b : _b + ""]);
             const enterStyles = this._option.noSeparateStyle ? null : {};
             const updateStyles = {};
             Object.keys(normalStyle).forEach(key => {
@@ -58687,7 +58893,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return { enterStyles, updateStyles };
         }
         compileEncode() {
-            const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL; _a[_b]; const temp = __rest$7(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL; _a[_b]; const temp = __rest$d(_a, [typeof _b === "symbol" ? _b : _b + ""]);
             const { enterStyles, updateStyles } = this._separateStyle();
             this._product.encode(updateStyles, true);
             this._product.encodeState('group', enterStyles, true);
@@ -59083,7 +59289,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return this._computeBorderAttr(stateStyle.style);
             }
             if (isValidScaleType((_a = stateStyle.style.scale) === null || _a === void 0 ? void 0 : _a.type)) {
-                return (datum, opt) => stateStyle.style.scale.scale(datum[stateStyle.style.field]);
+                return (datum, opt) => {
+                    let data = datum;
+                    if (this.model.modelType === 'series' && this.model.getMarkData) {
+                        data = this.model.getMarkData(datum);
+                    }
+                    return stateStyle.style.scale.scale(data[stateStyle.style.field]);
+                };
             }
             return (datum, opt) => {
                 return stateStyle.style;
@@ -59126,7 +59338,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _computeGradientAttr(gradientStyle) {
             var _a, _b;
-            const { gradient, scale, field } = gradientStyle, rest = __rest$7(gradientStyle, ["gradient", "scale", "field"]);
+            const { gradient, scale, field } = gradientStyle, rest = __rest$d(gradientStyle, ["gradient", "scale", "field"]);
             let colorScale = scale;
             let colorField = field;
             if ((!scale || !field) && this.model.modelType === 'series') {
@@ -59173,7 +59385,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
         }
         _computeBorderAttr(borderStyle) {
-            const { scale, field } = borderStyle, mergedStyle = __rest$7(borderStyle, ["scale", "field"]);
+            const { scale, field } = borderStyle, mergedStyle = __rest$d(borderStyle, ["scale", "field"]);
             return (data, opt) => {
                 var _a, _b, _c;
                 const computeStyle = {};
@@ -59580,7 +59792,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             this._option = merge$2(this._option, { animation: spec.animation !== false }, options);
             this._onError = (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError;
-            const _g = this._option, { dom, renderCanvas, mode, stage, poptip } = _g, restOptions = __rest$7(_g, ["dom", "renderCanvas", "mode", "stage", "poptip"]);
+            const _g = this._option, { dom, renderCanvas, mode, stage, poptip } = _g, restOptions = __rest$d(_g, ["dom", "renderCanvas", "mode", "stage", "poptip"]);
             const isTrueBrowseEnv = isTrueBrowser(mode);
             if (isTrueBrowseEnv) {
                 registerBrowserEnv();
@@ -60732,7 +60944,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.12.1";
+    const version = "1.12.2-alpha.1";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -63645,13 +63857,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
 
     function isValidAlignDomain(domain) {
-        return domain.length === 2 && isValidNumber$1(domain[0]) && isValidNumber$1(domain[1]) && domain[1] >= domain[0];
+        return domain.length === 2 && isValidNumber$1(domain[0]) && isValidNumber$1(last(domain)) && last(domain) >= domain[0];
     }
     function getScaleInfo(axis, domain) {
-        const total = domain[1] - domain[0];
-        const includeZero = domain[1] * domain[0] < 0;
+        const total = last(domain) - domain[0];
+        const includeZero = last(domain) * domain[0] < 0;
         let negative = domain[0] <= 0 ? 0 - domain[0] : 0;
-        let positive = domain[1] > 0 ? domain[1] - 0 : 0;
+        let positive = last(domain) > 0 ? last(domain) - 0 : 0;
         if (total === 0) {
             if (domain[0] < 0) {
                 negative = 1;
@@ -63886,12 +64098,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return data;
         }
         const targetDomain = targetScale.domain();
-        const targetRange = targetDomain[1] - targetDomain[0];
+        const targetRange = last(targetDomain) - targetDomain[0];
         if (targetRange === 0) {
             return data;
         }
         const currentDomain = currentScale.domain();
-        const currentRange = currentDomain[1] - currentDomain[0];
+        const currentRange = last(currentDomain) - currentDomain[0];
         if (targetRange === 0) {
             return data;
         }
@@ -64230,7 +64442,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class BaseComponent extends LayoutModel {
         static createComponent(specInfo, options) {
-            const { spec } = specInfo, others = __rest$7(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
             return new this(spec, Object.assign(Object.assign({}, options), others));
         }
         getRegions() {
@@ -64511,10 +64723,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                     else if (viewData && viewData.latestData && viewData.latestData.length) {
                         const seriesData = (_a = s.getViewDataStatistics) === null || _a === void 0 ? void 0 : _a.call(s);
+                        const userSetBreaks = this.type === ComponentTypeEnum.cartesianLinearAxis && this._spec.breaks && this._spec.breaks.length;
                         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]);
+                                if (userSetBreaks) {
+                                    data.push(Object.assign(Object.assign({}, seriesData.latestData[f]), { values: viewData.latestData.map((obj) => obj[f]) }));
+                                }
+                                else {
+                                    data.push(seriesData.latestData[f]);
+                                }
                             }
                         });
                     }
@@ -64725,7 +64943,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 };
             }
             if (spec.title && spec.title.visible) {
-                const _a = spec.title, { autoRotate, angle, style: titleStyle = {}, background: titleBackgroundSpec, state: titleState, shape: titleShapeSpec } = _a, restTitleAttrs = __rest$7(_a, ["autoRotate", "angle", "style", "background", "state", "shape"]);
+                const _a = spec.title, { autoRotate, angle, style: titleStyle = {}, background: titleBackgroundSpec, state: titleState, shape: titleShapeSpec } = _a, restTitleAttrs = __rest$d(_a, ["autoRotate", "angle", "style", "background", "state", "shape"]);
                 let titleAngle = angle;
                 let titleTextStyle;
                 if (spec.orient === 'left' || spec.orient === 'right') {
@@ -64962,7 +65180,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             this._updateAxisLayout = () => {
                 const startPoint = this.getLayoutStartPoint();
-                const _a = this._getUpdateAttribute(false), { grid: updateGridAttrs } = _a, updateAxisAttrs = __rest$7(_a, ["grid"]);
+                const _a = this._getUpdateAttribute(false), { grid: updateGridAttrs } = _a, updateAxisAttrs = __rest$d(_a, ["grid"]);
                 const axisProduct = this._axisMark.getProduct();
                 const axisAttrs = mergeSpec({ x: startPoint.x, y: startPoint.y }, this._axisStyle, updateAxisAttrs);
                 axisProduct.encode(axisAttrs);
@@ -64985,7 +65203,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 ? (_a = item
                                     .getTickData()
                                     .getLatestData()) === null || _a === void 0 ? void 0 : _a.find((d) => d.value === 0)
-                                : item.getScale().domain()[0] <= 0 && item.getScale().domain()[1] >= 0));
+                                : item.getScale().domain()[0] <= 0 && last(item.getScale().domain()) >= 0));
                     };
                     const relativeAxes = axesComponents.filter(item => isValidAxis(item));
                     if (relativeAxes.length) {
@@ -65075,7 +65293,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return specInfos;
         }
         static createComponent(specInfo, options) {
-            const { spec } = specInfo, others = __rest$7(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
             const C = Factory$1.getComponentInKey(others.type);
             if (C) {
                 return new C(spec, Object.assign(Object.assign({}, options), others));
@@ -65091,8 +65309,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         setLayout3dBox(box3d) {
             this.layout3dBox = box3d;
         }
-        updateScaleRange() {
-            let isScaleChange = false;
+        getNewScaleRange() {
             const { width, height } = this.getLayoutRect();
             const { left, right, top, bottom } = this._innerOffset;
             let newRange = [];
@@ -65112,8 +65329,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     newRange = this._inverse ? [top, height - bottom] : [height - bottom, top];
                 }
             }
-            const [start, end] = this._scale.range();
-            if (newRange[0] !== start || newRange[1] !== end) {
+            return newRange;
+        }
+        updateScaleRange() {
+            let isScaleChange = false;
+            const newRange = this.getNewScaleRange();
+            const range = this._scale.range();
+            if (newRange.length === range.length && newRange.every((value, index) => value === range[index])) {
+                isScaleChange = false;
+            }
+            else {
                 isScaleChange = true;
                 this._scale.range(newRange);
             }
@@ -65338,6 +65563,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             return result;
         }
+        positionToData(pos, isViewPos) {
+            const isX = isXAxis(this.getOrient());
+            if (isViewPos) {
+                pos -= isX ? this.getLayoutStartPoint().x : this.getLayoutStartPoint().y;
+            }
+            if (this._innerOffset) {
+                pos = isX
+                    ? clamp$1(pos, this._innerOffset.left, this.getLayoutRect().width - this._innerOffset.right)
+                    : clamp$1(pos, this._innerOffset.top, this.getLayoutRect().height - this._innerOffset.bottom);
+            }
+            const range = this._scale.range();
+            if ((pos - range[0]) * (pos - last(range)) > 0) {
+                return null;
+            }
+            return this._scale.invert(pos);
+        }
         _getTitleLimit(isX) {
             var _a, _b, _c, _d, _e;
             if (this._spec.title.visible && isNil$1((_a = this._spec.title.style) === null || _a === void 0 ? void 0 : _a.maxLineWidth)) {
@@ -65472,7 +65713,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         const normalizedValue = this._getNormalizedValue([obj.value], length);
                         return getAxisItem(obj.value, normalizedValue);
                     })
-                        .filter((entry) => entry.value >= 0 && entry.value <= 1)
+                        .filter((entry) => {
+                        const { value, rawValue } = entry;
+                        const domain = this._scale.domain();
+                        if (isContinuous(this._scale.type)) {
+                            return rawValue >= domain[0] && rawValue <= last(domain);
+                        }
+                        return domain.includes(rawValue);
+                    })
                 ];
             }
             return [];
@@ -65501,17 +65749,21 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
             if (this._autoIndentOnce && this._hasAutoIndent) {
                 ['x1', 'x2', 'y1', 'y2'].forEach(key => {
-                    this.layout.getLastComputeOutBounds()[key] = this._layoutCache._lastComputeOutBounds[key];
+                    this.layout.getLastComputeOutBounds()[key] =
+                        this._layoutCache._lastComputeOutBounds[key];
                 });
             }
             else {
                 this._hasAutoIndent = true;
                 ['x1', 'x2', 'y1', 'y2'].forEach(key => {
-                    if (this.layout.getLastComputeOutBounds()[key] < this._layoutCache._lastComputeOutBounds[key]) {
-                        this.layout.getLastComputeOutBounds()[key] = this._layoutCache._lastComputeOutBounds[key];
+                    if (this.layout.getLastComputeOutBounds()[key] <
+                        this._layoutCache._lastComputeOutBounds[key]) {
+                        this.layout.getLastComputeOutBounds()[key] =
+                            this._layoutCache._lastComputeOutBounds[key];
                     }
                     else {
-                        this._layoutCache._lastComputeOutBounds[key] = this.layout.getLastComputeOutBounds()[key];
+                        this._layoutCache._lastComputeOutBounds[key] =
+                            this.layout.getLastComputeOutBounds()[key];
                     }
                 });
             }
@@ -65581,6 +65833,57 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     CartesianAxis.type = ComponentTypeEnum.cartesianAxis;
     CartesianAxis.specKey = 'axes';
 
+    const setDomain = (min, max, breaks) => breaks.reduce((r, b, i) => {
+        r.push([b, breaks.length === i + 1 ? max : breaks[i + 1]]);
+        return r;
+    }, [[min, breaks[0]]]);
+    function breakDomain(data, points) {
+        const min = data[0];
+        const max = data[data.length - 1];
+        const breaks = points.filter(point => point > min && point < max);
+        return setDomain(min, max, breaks);
+    }
+    const sorter = (a, b) => a - b;
+    const fillBins = (data, points) => {
+        const bins = [0];
+        let i = 0;
+        let j = 0;
+        while (i < points.length) {
+            if (data[j] <= points[i]) {
+                bins[i] += 1;
+                j += 1;
+            }
+            else {
+                i += 1;
+                bins[i] = 0;
+            }
+        }
+        bins[i] = data.slice(j).length;
+        return bins;
+    };
+    function breakScope(data, points) {
+        const bins = fillBins(data, points);
+        const count = data.length;
+        return bins
+            .reduce((res, bin, i) => {
+            const last = res[i - 1] ? res[i - 1][1] : 0;
+            const next = (last * 100 + +(bin / count).toFixed(2) * 100) / 100;
+            res.push([last, next > 1 ? 1 : next > 0.95 ? 1 : next]);
+            return res;
+        }, [])
+            .filter(s => {
+            return !(s[0] === 0 && s[1] === 0) && !(s[0] === 1 && s[1] === 1);
+        });
+    }
+    function breakData(data, points) {
+        data.sort(sorter);
+        points.sort(sorter);
+        return {
+            domain: breakDomain(data, points),
+            scope: breakScope(data, points)
+        };
+    }
+
     const e10 = Math.sqrt(50);
     const e5 = Math.sqrt(10);
     const e2 = Math.sqrt(2);
@@ -65672,13 +65975,73 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._scale.scale(value);
         }
         computeLinearDomain(data) {
-            const domain = [];
+            let domain = [];
             if (data.length) {
+                const userSetBreaks = this._spec.breaks && this._spec.breaks.length;
+                let values = [];
+                let minDomain;
+                let maxDomain;
                 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);
+                    minDomain = minDomain === undefined ? min : Math.min(minDomain, min);
+                    maxDomain = maxDomain === undefined ? max : Math.max(maxDomain, max);
+                    if (userSetBreaks) {
+                        values = values.concat(d.values);
+                    }
                 });
+                if (userSetBreaks) {
+                    let breakDomains = [];
+                    let breakScopes = [];
+                    let breakRanges;
+                    let source = [...values];
+                    if (this._spec.breaks.length === 1) {
+                        const { domain, scope } = breakData(source, this._spec.breaks[0].range);
+                        breakDomains = domain;
+                        breakScopes = scope;
+                        breakRanges = [this._spec.breaks[0].range];
+                    }
+                    else {
+                        breakRanges = this._spec.breaks
+                            .map((breakSpec) => breakSpec.range)
+                            .sort((a, b) => a[0] - b[0]);
+                        for (let index = 0; index < breakRanges.length; index++) {
+                            const breakRange = breakRanges[index];
+                            const { domain, scope } = breakData(source, breakRange);
+                            let finalScope = scope;
+                            const finalDomain = domain;
+                            if (index > 0) {
+                                const lastRatio = last(breakScopes)[1];
+                                const restRarioRange = 1 - lastRatio;
+                                finalScope = scope.map(eachScope => {
+                                    return [lastRatio + eachScope[0] * restRarioRange, lastRatio + eachScope[1] * restRarioRange];
+                                });
+                                finalDomain[0][0] = last(breakDomains)[1];
+                            }
+                            breakDomains.push(finalDomain[0]);
+                            breakScopes.push(finalScope[0]);
+                            if (finalDomain.length > 2) {
+                                breakDomains.push(finalDomain[1]);
+                                breakScopes.push(finalScope[1]);
+                            }
+                            if (index === breakRanges.length - 1) {
+                                breakDomains.push(last(finalDomain));
+                                breakScopes.push(last(finalScope));
+                            }
+                            else {
+                                source = source.filter(val => val >= last(finalDomain)[0]);
+                            }
+                        }
+                    }
+                    domain = combineArray(breakDomains);
+                    this._break = {
+                        domain: breakDomains,
+                        scope: breakScopes,
+                        range: breakRanges
+                    };
+                }
+                else {
+                    domain = [minDomain, maxDomain];
+                }
             }
             else {
                 domain[0] = 0;
@@ -65725,7 +66088,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 num = Math.abs(num);
                 if (num < 1) {
                     domain[0] = 0;
-                    domain[1] = 1;
+                    domain[domain.length - 1] = 1;
                 }
                 else {
                     let step = num / DEFAULT_TICK_COUNT;
@@ -65733,12 +66096,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const err = step / Math.pow(10, power);
                     step = (err >= e10 ? 10 : err >= e5 ? 5 : err >= e2 ? 2 : 1) * Math.pow(10, power);
                     domain[0] = 0;
-                    domain[1] = step * 10;
+                    domain[domain.length - 1] = step * 10;
                 }
                 if (flag < 0) {
                     domain.reverse();
                     domain[0] *= -1;
-                    domain[1] *= -1;
+                    domain[domain.length - 1] *= -1;
                 }
             }
             return domain;
@@ -65788,7 +66151,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const { min, max } = this._domain;
             isValid$1(min) && (domain[0] = min);
-            isValid$1(max) && (domain[1] = max);
+            isValid$1(max) && (domain[domain.length - 1] = max);
         }
         setSoftDomainMinMax(domain) {
             const { softMin, softMax } = this._spec;
@@ -65805,10 +66168,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (isValid$1(softMax)) {
                 let softMaxValue = isFunction$1(softMax) ? softMax(domain) : softMax;
                 if (isNil$1(softMaxValue)) {
-                    softMaxValue = domain[1];
+                    softMaxValue = domain[domain.length - 1];
                 }
-                if (softMaxValue >= domain[1]) {
-                    domain[1] = softMaxValue;
+                if (softMaxValue >= domain[domain.length - 1]) {
+                    domain[domain.length - 1] = softMaxValue;
                 }
                 this._softMaxValue = softMaxValue;
             }
@@ -65847,7 +66210,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._domainAfterSpec;
         }
         _updateNiceLabelFormatter(domain) {
-            const domainSpan = Math.abs(domain[1] - domain[0]);
+            const domainSpan = Math.abs(domain[domain.length - 1] - domain[0]);
             const n = Math.max(-Math.floor(Math.log10(domainSpan)), 0) + 2;
             const unit = Math.pow(10, n);
             this.niceLabelFormatter = (value) => {
@@ -65884,6 +66247,45 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this._scale.domain(range);
         }
+        _tickTransformOption() {
+            var _a;
+            return Object.assign(Object.assign({}, super._tickTransformOption()), { breakData: ((_a = this._spec.breaks) === null || _a === void 0 ? void 0 : _a.length) ? () => this._break : null });
+        }
+        _getUpdateAttribute(ignoreGrid) {
+            var _a;
+            const attrs = super._getUpdateAttribute(ignoreGrid);
+            if (!isZAxis(this._orient) && ((_a = this._spec.breaks) === null || _a === void 0 ? void 0 : _a.length) && this._break) {
+                const { width, height } = this.getLayoutRect();
+                const isX = isXAxis(this._orient);
+                const axisLength = isX ? width : height;
+                attrs.breaks = this._spec.breaks.map(obj => {
+                    const { range, breakSymbol, gap = 6 } = obj;
+                    const index = this._break.domain.findIndex(domainRange => range[0] === domainRange[0] && range[1] === domainRange[1]);
+                    const ratio = 1 - (this._break.scope[index][0] + this._break.scope[index][1]) / 2;
+                    let gapRatio;
+                    if (isPercent(gap)) {
+                        gapRatio = Number(gap.substring(0, gap.length - 1)) / 100;
+                    }
+                    else {
+                        gapRatio = gap / axisLength;
+                    }
+                    return {
+                        range: [ratio - gapRatio / 2, ratio + gapRatio / 2],
+                        breakSymbol: Object.assign({ visible: true }, breakSymbol),
+                        rawRange: range
+                    };
+                });
+            }
+            return attrs;
+        }
+        getNewScaleRange() {
+            var _a, _b;
+            let newRange = super.getNewScaleRange();
+            if (((_a = this._spec.breaks) === null || _a === void 0 ? void 0 : _a.length) && ((_b = this._break) === null || _b === void 0 ? void 0 : _b.scope)) {
+                newRange = combineArray(this._break.scope).map(val => newRange[0] + (last(newRange) - newRange[0]) * val);
+            }
+            return newRange;
+        }
         computeDomain(data) {
             return this.computeLinearDomain(data);
         }
@@ -67071,7 +67473,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!constructor) {
                 return;
             }
-            const { spec } = specInfo, others = __rest$7(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
             const region = new constructor(spec, Object.assign(Object.assign({}, this._modelOption), others));
             if (region) {
                 region.created();
@@ -67082,7 +67484,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!constructor) {
                 return;
             }
-            const { spec } = specInfo, others = __rest$7(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
             let region;
             if (isValid$1(spec.regionId)) {
                 region = this.getRegionsInUserId(spec.regionId);
@@ -74489,7 +74891,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return specInfos;
         }
         static createComponent(specInfo, options) {
-            const { spec } = specInfo, others = __rest$7(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
             const C = Factory$1.getComponentInKey(others.type);
             if (C) {
                 return new C(spec, Object.assign(Object.assign({}, options), others));
@@ -74802,7 +75204,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return { outerRadius, innerRadius };
         }
         _update(attrs) {
-            const { grid: gridAttrs } = attrs, axisAttrs = __rest$7(attrs, ["grid"]);
+            const { grid: gridAttrs } = attrs, axisAttrs = __rest$d(attrs, ["grid"]);
             const axisProduct = this._axisMark.getProduct();
             axisProduct.encode(mergeSpec({}, this._axisStyle, axisAttrs));
             if (this._gridMark) {
@@ -77016,12 +77418,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         initMarkStyleOfWord(wordMark, wordSpec, colorHexField, seriesField, isFillingWord) {
-            var _a, _b;
+            var _a, _b, _c, _d;
             if (!wordMark) {
                 return;
             }
             this.setMarkStyle(wordMark, {
-                fill: this.getWordColor,
                 text: (wordSpec === null || wordSpec === void 0 ? void 0 : wordSpec.formatMethod)
                     ? (datum) => {
                         return wordSpec.formatMethod(datum);
@@ -77037,7 +77438,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 visible: datum => datum.visible
             }, 'normal', AttributeLevel.Series);
             this.setMarkStyle(wordMark, {
-                fontFamily: (_b = (_a = wordSpec === null || wordSpec === void 0 ? void 0 : wordSpec.style) === null || _a === void 0 ? void 0 : _a.fontFamily) !== null && _b !== void 0 ? _b : this._defaultFontFamily
+                fontFamily: (_b = (_a = wordSpec === null || wordSpec === void 0 ? void 0 : wordSpec.style) === null || _a === void 0 ? void 0 : _a.fontFamily) !== null && _b !== void 0 ? _b : this._defaultFontFamily,
+                fill: (_d = (_c = wordSpec === null || wordSpec === void 0 ? void 0 : wordSpec.style) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : this.getWordColor
             }, 'normal', AttributeLevel.User_Mark);
         }
         initTooltip() {
@@ -81349,6 +81751,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         getActiveMarks() {
             return [this._sunburstMark];
         }
+        getMarkData(datum) {
+            return (datum === null || datum === void 0 ? void 0 : datum.datum) ? datum.datum[datum.datum.length - 1] : datum;
+        }
     }
     SunburstSeries.type = exports.SeriesTypeEnum.sunburst;
     SunburstSeries.mark = sunburstSeriesMark;
@@ -81613,6 +82018,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         getActiveMarks() {
             return [this._circlePackingMark];
         }
+        getMarkData(datum) {
+            return (datum === null || datum === void 0 ? void 0 : datum.datum) ? datum.datum[datum.datum.length - 1] : datum;
+        }
     }
     CirclePackingSeries.type = exports.SeriesTypeEnum.circlePacking;
     CirclePackingSeries.mark = circlePackingSeriesMark;
@@ -83308,6 +83716,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         getActiveMarks() {
             return [this._nodeMark, this._linkMark];
         }
+        getMarkData(datum) {
+            if (datum.datum) {
+                if (isArray$1(datum.datum)) {
+                    return datum.datum[datum.datum.length - 1];
+                }
+                return datum.datum;
+            }
+            return datum;
+        }
     }
     SankeySeries.type = exports.SeriesTypeEnum.sankey;
     SankeySeries.transformerConstructor = SankeySeriesSpecTransformer;
@@ -83344,7 +83761,26 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.markTooltipKeyCallback = (datum) => {
-                return datum === null || datum === void 0 ? void 0 : datum[this.series.getDimensionField()[0]];
+                var _a, _b;
+                return (_b = (_a = this.series) === null || _a === void 0 ? void 0 : _a.getMarkData(datum)) === null || _b === void 0 ? void 0 : _b[this.series.getDimensionField()[0]];
+            };
+            this.markTooltipValueCallback = (datum) => {
+                var _a, _b;
+                const { measureFields } = this._seriesCacheInfo;
+                const data = (_a = this.series) === null || _a === void 0 ? void 0 : _a.getMarkData(datum);
+                if (measureFields[0] && data) {
+                    return (_b = data[measureFields[0]]) !== null && _b !== void 0 ? _b : datum.value;
+                }
+                return undefined;
+            };
+            this.dimensionTooltipTitleCallback = (datum) => {
+                var _a;
+                const { dimensionFields } = this._seriesCacheInfo;
+                const data = (_a = this.series) === null || _a === void 0 ? void 0 : _a.getMarkData(datum);
+                if (dimensionFields[0] && data) {
+                    return data[dimensionFields[0]];
+                }
+                return undefined;
             };
         }
         get defaultShapeType() {
@@ -83396,6 +83832,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             super(...arguments);
             this.type = exports.SeriesTypeEnum.treemap;
             this.transformerConstructor = TreemapSeriesSpecTransformer;
+            this._categoryField = 'name';
+            this._valueField = 'value';
             this._viewBox = new Bounds();
             this._enableAnimationHook = this.enableMarkAnimation.bind(this);
             this.isHierarchyData = () => {
@@ -83457,6 +83895,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 viewDataProduct.transform([
                     {
                         type: 'treemap',
+                        nameField: this._categoryField,
+                        valueField: this._valueField,
                         x0: this._viewBox.x1,
                         x1: this._viewBox.x2,
                         y0: this._viewBox.y1,
@@ -83478,7 +83918,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         callback: (datum) => {
                             if (datum) {
                                 [DEFAULT_HIERARCHY_ROOT, 'name'].forEach(key => {
-                                    datum[key] = datum.datum[datum.depth][key];
+                                    datum[key] = datum.datum[datum.depth][this._categoryField];
                                 });
                             }
                             return datum;
@@ -83505,13 +83945,18 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         getRawDataStatisticsByField(field, isNumeric) {
             var _a;
-            if (!this._rawDataStatistics) {
-                const rawDataName = `${this.type}_${this.id}_rawDataStatic`;
-                this._rawDataStatistics = this._createHierarchyDataStatistics(rawDataName, [this._rawData]);
-                this._rawData.target.removeListener('change', this._rawDataStatistics.reRunAllTransform);
-                this._rawDataStatistics.reRunAllTransform();
+            if (!this._rawStatisticsCache) {
+                this._rawStatisticsCache = {};
             }
-            return (_a = this._rawDataStatistics.latestData) === null || _a === void 0 ? void 0 : _a[field];
+            if (!this._rawStatisticsCache[field]) {
+                if (this._rawData) {
+                    const result = hierarchyDimensionStatistics([this._rawData], {
+                        fields: [{ key: field, operations: isNumeric ? ['min', 'max'] : ['values'] }]
+                    })[field];
+                    this._rawStatisticsCache[field] = merge$2((_a = this._rawStatisticsCache[field]) !== null && _a !== void 0 ? _a : {}, result);
+                }
+            }
+            return this._rawStatisticsCache[field];
         }
         _createHierarchyDataStatistics(dataName, rawData) {
             registerDataSetInstanceTransform(this._dataSet, 'hierarchyDimensionStatistics', hierarchyDimensionStatistics);
@@ -83784,6 +84229,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         getActiveMarks() {
             return [this._nonLeafMark, this._leafMark];
         }
+        getMarkData(datum) {
+            return (datum === null || datum === void 0 ? void 0 : datum.datum) ? datum.datum[datum.datum.length - 1] : datum;
+        }
     }
     TreemapSeries.type = exports.SeriesTypeEnum.treemap;
     TreemapSeries.mark = treemapSeriesMark;
@@ -86987,7 +87435,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!constructor) {
                 return;
             }
-            const { spec } = specInfo, others = __rest$7(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
             if (spec.type === exports.SeriesTypeEnum.link) {
                 spec.dotSeriesSpec = this._spec.series[spec.dotSeriesIndex];
             }
@@ -87921,7 +88369,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
 
     function getLegendAttributes(spec, rect) {
-        const { title = {}, item = {}, pager = {}, background = {}, type, id, visible, orient, position, data, filter, regionId, regionIndex, seriesIndex, seriesId, padding } = spec, restSpec = __rest$7(spec, ["title", "item", "pager", "background", "type", "id", "visible", "orient", "position", "data", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding"]);
+        const { title = {}, item = {}, pager = {}, background = {}, type, id, visible, orient, position, data, filter, regionId, regionIndex, seriesIndex, seriesId, padding } = spec, restSpec = __rest$d(spec, ["title", "item", "pager", "background", "type", "id", "visible", "orient", "position", "data", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding"]);
         const attrs = restSpec;
         if (title.visible) {
             attrs.title = transformLegendTitleAttributes(title);
@@ -88525,7 +88973,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         if (datumField && !isEmpty(selectedRange)) {
             const [min, max] = selectedRange;
             if (isHierarchy(data)) {
-                return filterHierarchyDataByRange(data, +min, +max);
+                return filterHierarchyDataByRange(data, +min, +max, datumField);
             }
             else {
                 return data.filter(datum => {
@@ -88537,7 +88985,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
 
     function getContinuousLegendAttributes(spec) {
-        const _a = mergeSpec({}, spec), { title = {}, handler = {}, rail = {}, track = {}, startText, endText, handlerText, sizeBackground, background = {}, type, id, visible, orient, position, data, defaultSelected, field, filter, regionId, regionIndex, seriesIndex, seriesId, padding } = _a, restSpec = __rest$7(_a, ["title", "handler", "rail", "track", "startText", "endText", "handlerText", "sizeBackground", "background", "type", "id", "visible", "orient", "position", "data", "defaultSelected", "field", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding"]);
+        const _a = mergeSpec({}, spec), { title = {}, handler = {}, rail = {}, track = {}, startText, endText, handlerText, sizeBackground, background = {}, type, id, visible, orient, position, data, defaultSelected, field, filter, regionId, regionIndex, seriesIndex, seriesId, padding } = _a, restSpec = __rest$d(_a, ["title", "handler", "rail", "track", "startText", "endText", "handlerText", "sizeBackground", "background", "type", "id", "visible", "orient", "position", "data", "defaultSelected", "field", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding"]);
         const attrs = restSpec;
         if (title.visible) {
             attrs.title = transformLegendTitleAttributes(title);
@@ -90608,7 +91056,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             else {
                 const style = line.style || {};
                 const { stroke, fill, lineWidth } = style;
-                const _d = style, { strokeOpacity, fillOpacity, opacity } = _d, restStyle = __rest$7(_d, ["strokeOpacity", "fillOpacity", "opacity"]);
+                const _d = style, { strokeOpacity, fillOpacity, opacity } = _d, restStyle = __rest$d(_d, ["strokeOpacity", "fillOpacity", "opacity"]);
                 const isLineType = hair.type === 'line';
                 let finalOpacity = isLineType ? strokeOpacity : fillOpacity;
                 if (isNumber$1(opacity)) {
@@ -90637,7 +91085,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!!label.visible) {
                 const labelBackground = label.labelBackground || {};
                 const labelStyle = label.style || {};
-                const _e = labelBackground.style || {}, { fill: rectFill = 'rgba(47, 59, 82, 0.9)', stroke: rectStroke, outerBorder } = _e, rectStyle = __rest$7(_e, ["fill", "stroke", "outerBorder"]);
+                const _e = labelBackground.style || {}, { fill: rectFill = 'rgba(47, 59, 82, 0.9)', stroke: rectStroke, outerBorder } = _e, rectStyle = __rest$d(_e, ["fill", "stroke", "outerBorder"]);
                 hair.label = {
                     visible: true,
                     formatMethod: label.formatMethod,
@@ -91330,7 +91778,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const bandWidth = series.angleAxisHelper.getBandwidth(0);
             currValueAngle.forEach((_a) => {
                 var _b;
-                var { axis, value, coord } = _a, rest = __rest$7(_a, ["axis", "value", "coord"]);
+                var { axis, value, coord } = _a, rest = __rest$d(_a, ["axis", "value", "coord"]);
                 value = value !== null && value !== void 0 ? value : '';
                 mergeSpec(angleCrossHairInfo, rest);
                 const angle = series.angleAxisHelper.dataToPosition([value]);
@@ -91350,7 +91798,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             radiusCrossHairInfo.visible = !!currValueRadius.size;
             currValueRadius.forEach((_a) => {
                 var _b;
-                var { axis, value, coord } = _a, rest = __rest$7(_a, ["axis", "value", "coord"]);
+                var { axis, value, coord } = _a, rest = __rest$d(_a, ["axis", "value", "coord"]);
                 value = value !== null && value !== void 0 ? value : '';
                 const niceLabelFormatter = axis.niceLabelFormatter;
                 if ((_b = radiusHair.label) === null || _b === void 0 ? void 0 : _b.visible) {
@@ -91788,7 +92236,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         });
         let filter = null;
         if (isContinuous()) {
-            filter = (d) => d[datumField] >= newDomain[0] && d[datumField] <= newDomain[1];
+            filter = (d) => d[datumField] >= newDomain[0] && d[datumField] <= last(newDomain);
         }
         else {
             filter = (d) => {
@@ -92286,15 +92734,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const domain = scale.domain();
             if (isContinuous(scale.type)) {
                 if (this._isReverse()) {
-                    return domain[0] + (domain[1] - domain[0]) * (1 - state);
+                    return domain[0] + (last(domain) - domain[0]) * (1 - state);
                 }
-                return domain[0] + (domain[1] - domain[0]) * state;
+                return domain[0] + (last(domain) - domain[0]) * state;
             }
             let range = scale.range();
             if (this._isReverse()) {
                 range = range.slice().reverse();
             }
-            const posInRange = range[0] + (range[1] - range[0]) * state;
+            const posInRange = range[0] + (last(range) - range[0]) * state;
             return scale.invert(posInRange);
         }
         dataToStatePoint(data) {
@@ -92304,7 +92752,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!this._isHorizontal && isContinuous(scale.type)) {
                 range = range.slice().reverse();
             }
-            return (pos - range[0]) / (range[1] - range[0]);
+            return (pos - range[0]) / (last(range) - range[0]);
         }
         _modeCheck(statePoint, mode) {
             if (statePoint === 'start') {
@@ -92338,12 +92786,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._end = end;
             this._minSpan = (_a = this._spec.minSpan) !== null && _a !== void 0 ? _a : 0;
             this._maxSpan = (_b = this._spec.maxSpan) !== null && _b !== void 0 ? _b : 1;
-            if (isContinuous(this._stateScale.type) && this._stateScale.domain()[0] !== this._stateScale.domain()[1]) {
+            if (isContinuous(this._stateScale.type) && this._stateScale.domain()[0] !== last(this._stateScale.domain())) {
                 if (this._spec.minValueSpan) {
-                    this._minSpan = this._spec.minValueSpan / (this._stateScale.domain()[1] - this._stateScale.domain()[0]);
+                    this._minSpan = this._spec.minValueSpan / (last(this._stateScale.domain()) - this._stateScale.domain()[0]);
                 }
                 if (this._spec.maxValueSpan) {
-                    this._maxSpan = this._spec.maxValueSpan / (this._stateScale.domain()[1] - this._stateScale.domain()[0]);
+                    this._maxSpan = this._spec.maxValueSpan / (last(this._stateScale.domain()) - this._stateScale.domain()[0]);
                 }
             }
             this._minSpan = Math.max(0, this._minSpan);
@@ -92815,7 +93263,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return false;
             }
             const domain = scale.domain();
-            if (isContinuous(scale.type) && domain[0] === domain[1]) {
+            if (isContinuous(scale.type) && domain[0] === last(domain)) {
                 return false;
             }
             if (isDiscrete(scale.type) && uniqArray(domain).length === 1) {
@@ -93708,7 +94156,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return { minX, maxX, minY, maxY };
     }
     function transformLabelAttributes(label, markerData) {
-        const { labelBackground = {}, style, shape } = label, restLabel = __rest$7(label, ["labelBackground", "style", "shape"]);
+        const { labelBackground = {}, style, shape } = label, restLabel = __rest$d(label, ["labelBackground", "style", "shape"]);
         if (label.visible !== false) {
             const labelAttrs = restLabel;
             if (shape === null || shape === void 0 ? void 0 : shape.visible) {
@@ -93945,7 +94393,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     function markerAggregation(_data, options) {
         let markerSource;
         if (options.coordinates) {
-            const _a = options, { coordinates: coordinatesInOptions, coordinateType, getSeriesByIdOrIndex } = _a, rest = __rest$7(_a, ["coordinates", "coordinateType", "getSeriesByIdOrIndex"]);
+            const _a = options, { coordinates: coordinatesInOptions, coordinateType, getSeriesByIdOrIndex } = _a, rest = __rest$d(_a, ["coordinates", "coordinateType", "getSeriesByIdOrIndex"]);
             let coordinates;
             if (isFunction$1(coordinatesInOptions)) {
                 const relativeSeries = options.getRelativeSeries();
@@ -96149,7 +96597,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _createMarkerComponent() {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
             const { itemContent = {}, itemLine = {}, targetSymbol = {} } = this._spec;
-            const { text: label = {}, symbol, image, richText } = itemContent, restItemContent = __rest$7(itemContent, ["text", "symbol", "image", "richText"]);
+            const { text: label = {}, symbol, image, richText } = itemContent, restItemContent = __rest$d(itemContent, ["text", "symbol", "image", "richText"]);
             const markPointAttrs = {
                 zIndex: this.layoutZIndex,
                 interactive: (_a = this._spec.interactive) !== null && _a !== void 0 ? _a : true,
@@ -96193,7 +96641,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (richText === null || richText === void 0 ? void 0 : richText.style) {
                 markPointAttrs.itemContent.richTextStyle = transformStyle(richText.style, this._markerData);
             }
-            const { visible, line = {} } = itemLine, restItemLine = __rest$7(itemLine, ["visible", "line"]);
+            const { visible, line = {} } = itemLine, restItemLine = __rest$d(itemLine, ["visible", "line"]);
             if (visible !== false) {
                 markPointAttrs.itemLine = Object.assign(Object.assign({}, restItemLine), { visible: true, lineStyle: transformToGraphic(line.style) });
             }
@@ -96765,13 +97213,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     else {
                         const range = axis.getScale().range();
                         const rangeFactor = (_b = axis.getScale().rangeFactor()) !== null && _b !== void 0 ? _b : [0, 1];
-                        const isAxisReverse = range[1] < range[0];
+                        const isAxisReverse = last(range) < range[0];
                         const startPosTemp = boundsStart - region.getLayoutStartPoint()[regionStartAttr];
                         const endPosTemp = boundsEnd - region.getLayoutStartPoint()[regionStartAttr];
                         const endPos = isAxisReverse ? Math.min(startPosTemp, endPosTemp) : Math.max(startPosTemp, endPosTemp);
                         const startPos = isAxisReverse ? Math.max(startPosTemp, endPosTemp) : Math.min(startPosTemp, endPosTemp);
-                        const start = ((startPos - range[0]) / (range[1] - range[0])) * (rangeFactor[1] - rangeFactor[0]) + rangeFactor[0];
-                        const end = ((endPos - range[0]) / (range[1] - range[0])) * (rangeFactor[1] - rangeFactor[0]) + rangeFactor[0];
+                        const start = ((startPos - range[0]) / (last(range) - range[0])) * (rangeFactor[1] - rangeFactor[0]) + rangeFactor[0];
+                        const end = ((endPos - range[0]) / (last(range) - range[0])) * (rangeFactor[1] - rangeFactor[0]) + rangeFactor[0];
                         const newStart = this._stateClamp(start - axisRangeExpand);
                         const newEnd = this._stateClamp(end + axisRangeExpand);
                         axis.getScale().rangeFactor([newStart, newEnd]);