@visactor/vchart 1.5.1-alpha.5 → 1.5.1-alpha.6

package/build/index.js

@@ -26136,7 +26136,11 @@
         return result;
       }
       containsPoint(graphic, point, params) {
-        return !!this.pickItem(graphic, point, null, params);
+        var _a;
+        return !!(null === (_a = this.pickItem(graphic, point, null, null != params ? params : {
+          pickContext: this.pickContext,
+          pickerService: this
+        })) || void 0 === _a ? void 0 : _a.graphic);
       }
       pickGroup(group, point, parentMatrix, params) {
         let result = {
@@ -30015,6 +30019,178 @@
       easing: "linear"
     };
 
+    function polarToCartesian(point) {
+      return point.radius ? {
+        x: Math.cos(point.angle) * point.radius,
+        y: Math.sin(point.angle) * point.radius
+      } : {
+        x: 0,
+        y: 0
+      };
+    }
+    function circlePoint(x0, y0, radius, radian) {
+      const offset = polarToCartesian({
+        radius: radius,
+        angle: radian
+      });
+      return {
+        x: x0 + offset.x,
+        y: y0 + offset.y
+      };
+    }
+    function computeQuadrant(angle) {
+      return (angle = normalizeAngle(angle)) > 0 && angle <= Math.PI / 2 ? 2 : angle > Math.PI / 2 && angle <= Math.PI ? 3 : angle > Math.PI && angle <= 3 * Math.PI / 2 ? 4 : 1;
+    }
+    function normalizeAngle(angle) {
+      for (; angle < 0;) angle += 2 * Math.PI;
+      for (; angle >= 2 * Math.PI;) angle -= 2 * Math.PI;
+      return angle;
+    }
+    function isQuadrantLeft(quadrant) {
+      return 3 === quadrant || 4 === quadrant;
+    }
+    function isQuadrantRight(quadrant) {
+      return 1 === quadrant || 2 === quadrant;
+    }
+    function lineCirclePoints(a, b, c, x0, y0, r) {
+      if (0 === a && 0 === b || r <= 0) return [];
+      if (0 === a) {
+        const y1 = -c / b,
+          fd = r ** 2 - (y1 - y0) ** 2;
+        if (fd < 0) return [];
+        if (0 === fd) return [{
+          x: x0,
+          y: y1
+        }];
+        return [{
+          x: Math.sqrt(fd) + x0,
+          y: y1
+        }, {
+          x: -Math.sqrt(fd) + x0,
+          y: y1
+        }];
+      }
+      if (0 === b) {
+        const x1 = -c / a,
+          fd = r ** 2 - (x1 - x0) ** 2;
+        if (fd < 0) return [];
+        if (0 === fd) return [{
+          x: x1,
+          y: y0
+        }];
+        return [{
+          x: x1,
+          y: Math.sqrt(fd) + y0
+        }, {
+          x: x1,
+          y: -Math.sqrt(fd) + y0
+        }];
+      }
+      const fa = (b / a) ** 2 + 1,
+        fb = 2 * ((c / a + x0) * (b / a) - y0),
+        fd = fb ** 2 - 4 * fa * ((c / a + x0) ** 2 + y0 ** 2 - r ** 2);
+      if (fd < 0) return [];
+      const y1 = (-fb + Math.sqrt(fd)) / (2 * fa),
+        y2 = (-fb - Math.sqrt(fd)) / (2 * fa),
+        x1 = -(b * y1 + c) / a;
+      return 0 === fd ? [{
+        x: x1,
+        y: y1
+      }] : [{
+        x: x1,
+        y: y1
+      }, {
+        x: -(b * y2 + c) / a,
+        y: y2
+      }];
+    }
+    function connectLineRadian(radius, length) {
+      return length > 2 * radius ? NaN : 2 * Math.asin(length / 2 / radius);
+    }
+    function checkBoundsOverlap(boundsA, boundsB) {
+      const {
+          x1: ax1,
+          y1: ay1,
+          x2: ax2,
+          y2: ay2
+        } = boundsA,
+        {
+          x1: bx1,
+          y1: by1,
+          x2: bx2,
+          y2: by2
+        } = boundsB;
+      return !(ax1 <= bx1 && ax2 <= bx1 || ax1 >= bx2 && ax2 >= bx2 || ay1 <= by1 && ay2 <= by1 || ay1 >= by2 && ay2 >= by2);
+    }
+    const labelingPoint = function (textBounds, graphicBounds) {
+      let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "top";
+      let offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+      if (!textBounds) return;
+      const {
+          x1: x1,
+          y1: y1,
+          x2: x2,
+          y2: y2
+        } = textBounds,
+        width = Math.abs(x2 - x1),
+        height = Math.abs(y2 - y1),
+        anchorX = (graphicBounds.x1 + graphicBounds.x2) / 2,
+        anchorY = (graphicBounds.y1 + graphicBounds.y2) / 2;
+      let sx = 0,
+        sy = 0,
+        offsetX = 0,
+        offsetY = 0;
+      graphicBounds && (offsetX = Math.abs(graphicBounds.x1 - graphicBounds.x2) / 2, offsetY = Math.abs(graphicBounds.y1 - graphicBounds.y2) / 2);
+      const angle = {
+        "top-right": -235,
+        "top-left": 235,
+        "bottom-right": 45,
+        "bottom-left": -45
+      };
+      switch (position) {
+        case "top":
+          sy = -1;
+          break;
+        case "bottom":
+          sy = 1;
+          break;
+        case "left":
+          sx = -1;
+          break;
+        case "right":
+          sx = 1;
+          break;
+        case "bottom-left":
+        case "bottom-right":
+        case "top-left":
+        case "top-right":
+          sx = Math.sin(angle[position] * (Math.PI / 180)), sy = Math.cos(angle[position] * (Math.PI / 180));
+          break;
+        case "center":
+          sx = 0, sy = 0;
+      }
+      return {
+        x: anchorX + sx * (offset + offsetX) + Math.sign(sx) * (width / 2),
+        y: anchorY + sy * (offset + offsetY) + Math.sign(sy) * (height / 2)
+      };
+    };
+    const getPointsOfLineArea = graphic => {
+      if (!graphic || !graphic.attribute) return [];
+      const {
+        points: points,
+        segments: segments
+      } = graphic.attribute;
+      if (segments && segments.length) {
+        const res = [];
+        return segments.forEach(seg => {
+          seg.points.forEach(point => {
+            res.push(point);
+          });
+        }), res;
+      }
+      return points;
+    };
+
     class LabelBase extends AbstractComponent {
       setBitmap(bitmap) {
         this._bitmap = bitmap;
@@ -30043,16 +30219,17 @@
         }, this._handleRelatedGraphicSetState = e => {
           var _a, _b, _c;
           if ((null === (_a = e.detail) || void 0 === _a ? void 0 : _a.type) === AttributeUpdateType.STATE) {
-            const currentStates = null !== (_c = null === (_b = e.target) || void 0 === _b ? void 0 : _b.currentStates) && void 0 !== _c ? _c : [],
-              label = this._graphicToText.get(e.target);
-            label && (label.text && label.text.useStates(currentStates), label.labelLine && label.labelLine.useStates(currentStates));
+            const currentStates = null !== (_c = null === (_b = e.target) || void 0 === _b ? void 0 : _b.currentStates) && void 0 !== _c ? _c : [];
+            (this._isCollectionBase ? [...this._graphicToText.values()] : [this._graphicToText.get(e.target)]).forEach(label => {
+              label && (label.text && label.text.useStates(currentStates), label.labelLine && label.labelLine.useStates(currentStates));
+            });
           }
         };
       }
       labeling(textBounds, graphicBounds, position, offset) {}
       _labelLine(text) {}
       render() {
-        if (this._prepare(), isNil$1(this._idToGraphic)) return;
+        if (this._prepare(), this._isCollectionBase && isNil$1(this._idToPoint) || !this._isCollectionBase && isNil$1(this._idToGraphic)) return;
         const {
           overlap: overlap,
           smartInvert: smartInvert,
@@ -30062,7 +30239,7 @@
         } = this.attribute;
         let labels,
           data = this.attribute.data;
-        isFunction$1(dataFilter) && (data = dataFilter(data)), labels = isFunction$1(customLayoutFunc) ? customLayoutFunc(data, d => this._idToGraphic.get(d.id)) : this._layout(data), isFunction$1(customOverlapFunc) ? labels = customOverlapFunc(labels, d => this._idToGraphic.get(d.id)) : !1 !== overlap && (labels = this._overlapping(labels)), !1 !== smartInvert && this._smartInvert(labels), this._renderLabels(labels);
+        isFunction$1(dataFilter) && (data = dataFilter(data)), labels = isFunction$1(customLayoutFunc) ? customLayoutFunc(data, this.getRelatedGrphic, this._isCollectionBase ? d => this._idToPoint.get(d.id) : null) : this._layout(data), isFunction$1(customOverlapFunc) ? labels = customOverlapFunc(labels, this.getRelatedGrphic, this._isCollectionBase ? d => this._idToPoint.get(d.id) : null) : !1 !== overlap && (labels = this._overlapping(labels)), !1 !== smartInvert && this._smartInvert(labels), this._renderLabels(labels);
       }
       _bindEvent(target) {
         if (this.attribute.disableTriggerEvent) return;
@@ -30088,16 +30265,24 @@
         return this._bindEvent(text), this._setStatesOfText(text), text;
       }
       _prepare() {
-        var _a;
+        var _a, _b, _c, _d;
         const currentBaseMarks = [];
         let baseMarks;
         if (baseMarks = isFunction$1(this.attribute.getBaseMarks) ? this.attribute.getBaseMarks() : getMarksByName(this.getRootNode(), this.attribute.baseMarkGroupName), baseMarks.forEach(mark => {
           "willRelease" !== mark.releaseStatus && currentBaseMarks.push(mark);
-        }), null === (_a = this._idToGraphic) || void 0 === _a || _a.clear(), this._baseMarks = currentBaseMarks, !currentBaseMarks || 0 === currentBaseMarks.length) return;
+        }), null === (_a = this._idToGraphic) || void 0 === _a || _a.clear(), null === (_b = this._idToPoint) || void 0 === _b || _b.clear(), this._baseMarks = currentBaseMarks, this._isCollectionBase = "line" === (null === (_c = null == currentBaseMarks ? void 0 : currentBaseMarks[0]) || void 0 === _c ? void 0 : _c.type) || "area" === (null === (_d = null == currentBaseMarks ? void 0 : currentBaseMarks[0]) || void 0 === _d ? void 0 : _d.type), !currentBaseMarks || 0 === currentBaseMarks.length) return;
         const {
           data: data
         } = this.attribute;
-        if (data && 0 !== data.length) {
+        if (data && 0 !== data.length) if (this._isCollectionBase) {
+          this._idToPoint || (this._idToPoint = new Map());
+          const baseMark = currentBaseMarks[0],
+            points = getPointsOfLineArea(baseMark);
+          if (null == points ? void 0 : points.length) for (let i = 0; i < points.length; i++) {
+            const textData = data[i];
+            textData && points[i] && (isValid$1(textData.id) || (textData.id = `vrender-component-${this.name}-${i}`), this._idToPoint.set(textData.id, points[i]));
+          }
+        } else {
           this._idToGraphic || (this._idToGraphic = new Map());
           for (let i = 0; i < currentBaseMarks.length; i++) {
             const textData = data[i],
@@ -30106,6 +30291,9 @@
           }
         }
       }
+      getRelatedGrphic(item) {
+        return this._isCollectionBase ? this._baseMarks[0] : this._idToGraphic.get(item.id);
+      }
       _layout() {
         let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
         const {
@@ -30116,13 +30304,13 @@
           labels = [];
         for (let i = 0; i < data.length; i++) {
           const textData = data[i],
-            baseMark = this._idToGraphic.get(textData.id),
+            baseMark = this.getRelatedGrphic(textData),
             labelAttribute = Object.assign(Object.assign({
-              fill: baseMark.attribute.fill
+              fill: this._isCollectionBase ? isArray$1(baseMark.attribute.stroke) ? baseMark.attribute.stroke.find(entry => !!entry && !0 !== entry) : baseMark.attribute.stroke : baseMark.attribute.fill
             }, textStyle), textData),
             text = this._createLabelText(labelAttribute),
             textBounds = this.getGraphicBounds(text),
-            graphicBounds = this.getGraphicBounds(baseMark, {
+            graphicBounds = this._isCollectionBase ? this.getGraphicBounds(null, this._idToPoint.get(textData.id)) : this.getGraphicBounds(baseMark, {
               x: textData.x,
               y: textData.y
             }),
@@ -30163,7 +30351,7 @@
         for (let i = 0; i < labels.length; i++) {
           if (!1 === labels[i].visible) continue;
           const text = labels[i],
-            baseMark = this._idToGraphic.get(text.attribute.id);
+            baseMark = this.getRelatedGrphic(text.attribute);
           if (text.update(), !isRectIntersect(baseMark.AABBBounds, {
             x1: 0,
             x2: bmpTool.width,
@@ -30181,7 +30369,7 @@
             }
           }
           let hasPlace = !1;
-          for (let j = 0; j < strategy.length; j++) if (hasPlace = place$2(bmpTool, bitmap, strategy[j], this.attribute, text, this.getGraphicBounds(baseMark, labels[i]), this.labeling), !1 !== hasPlace) {
+          for (let j = 0; j < strategy.length; j++) if (hasPlace = place$2(bmpTool, bitmap, strategy[j], this.attribute, text, this._isCollectionBase ? this.getGraphicBounds(null, this._idToPoint.get(labels[i].attribute.id)) : this.getGraphicBounds(baseMark, labels[i].attribute), this.labeling), !1 !== hasPlace) {
             text.setAttributes({
               x: hasPlace.x,
               y: hasPlace.y
@@ -30241,10 +30429,12 @@
         labels.forEach((text, index) => {
           var _a, _b, _c, _d, _e, _f, _g;
           const labelLine = this._labelLine(text),
-            relatedGraphic = this._idToGraphic.get(text.attribute.id),
-            state = (null == prevTextMap ? void 0 : prevTextMap.get(relatedGraphic)) ? "update" : "enter";
+            relatedGraphic = this.getRelatedGrphic(text.attribute),
+            textId = text.attribute.id,
+            textKey = this._isCollectionBase ? textId : relatedGraphic,
+            state = (null == prevTextMap ? void 0 : prevTextMap.get(textKey)) ? "update" : "enter";
           if ("enter" === state) {
-            if (texts.push(text), currentTextMap.set(relatedGraphic, labelLine ? {
+            if (texts.push(text), currentTextMap.set(textKey, labelLine ? {
               text: text,
               labelLine: labelLine
             } : {
@@ -30254,7 +30444,7 @@
                 from: from,
                 to: to
               } = getAnimationAttributes(text.attribute, "fadeIn");
-              this.add(text), labelLine && (this._setStatesOfLabelLine(labelLine), this.add(labelLine)), this._syncStateWithRelatedGraphic(relatedGraphic), relatedGraphic.once("animate-bind", () => {
+              this.add(text), labelLine && (this._setStatesOfLabelLine(labelLine), this.add(labelLine)), this._syncStateWithRelatedGraphic(relatedGraphic), relatedGraphic.once("animate-bind", a => {
                 text.setAttributes(from);
                 const listener = this._afterRelatedGraphicAttributeUpdate(text, texts, index, relatedGraphic, {
                   mode: mode,
@@ -30267,8 +30457,8 @@
               });
             }
           } else if ("update" === state) {
-            const prevLabel = prevTextMap.get(relatedGraphic);
-            prevTextMap.delete(relatedGraphic), currentTextMap.set(relatedGraphic, prevLabel);
+            const prevLabel = prevTextMap.get(textKey);
+            prevTextMap.delete(textKey), currentTextMap.set(textKey, prevLabel);
             const prevText = prevLabel.text;
             prevText.animate().to(text.attribute, duration, easing), prevLabel.labelLine && prevLabel.labelLine.animate().to(merge$1({}, prevLabel.labelLine.attribute, {
               visible: null === (_f = null !== (_d = (null === (_b = null === (_a = text.attribute) || void 0 === _a ? void 0 : _a.line) || void 0 === _b ? void 0 : _b.visible) && (null === (_c = text.attribute) || void 0 === _c ? void 0 : _c.visible)) && void 0 !== _d ? _d : null === (_e = text.attribute) || void 0 === _e ? void 0 : _e.visible) || void 0 === _f || _f,
@@ -30292,16 +30482,17 @@
         labels.forEach(text => {
           var _a;
           const labelLine = this._labelLine(text),
-            relatedGraphic = this._idToGraphic.get(text.attribute.id),
-            state = (null == prevTextMap ? void 0 : prevTextMap.get(relatedGraphic)) ? "update" : "enter";
-          if ("enter" === state) currentTextMap.set(relatedGraphic, labelLine ? {
+            relatedGraphic = this.getRelatedGrphic(text.attribute),
+            state = (null == prevTextMap ? void 0 : prevTextMap.get(relatedGraphic)) ? "update" : "enter",
+            textKey = this._isCollectionBase ? text.attribute.id : relatedGraphic;
+          if ("enter" === state) currentTextMap.set(textKey, labelLine ? {
             text: text,
             labelLine: labelLine
           } : {
             text: text
           }), this.add(text), labelLine && this.add(labelLine), this._syncStateWithRelatedGraphic(relatedGraphic);else if ("update" === state) {
-            const prevLabel = prevTextMap.get(relatedGraphic);
-            prevTextMap.delete(relatedGraphic), currentTextMap.set(relatedGraphic, prevLabel), prevLabel.text.setAttributes(text.attribute), (null == prevLabel ? void 0 : prevLabel.labelLine) && prevLabel.labelLine.setAttributes({
+            const prevLabel = prevTextMap.get(textKey);
+            prevTextMap.delete(textKey), currentTextMap.set(textKey, prevLabel), prevLabel.text.setAttributes(text.attribute), (null == prevLabel ? void 0 : prevLabel.labelLine) && prevLabel.labelLine.setAttributes({
               points: null === (_a = text.attribute) || void 0 === _a ? void 0 : _a.points
             });
           }
@@ -30321,7 +30512,7 @@
           delay: delay
         } = _ref;
         const listener = event => {
-          var _a;
+          var _a, _b;
           const {
             detail: detail
           } = event;
@@ -30345,7 +30536,12 @@
               });
               break;
             default:
-              detail.animationState.isFirstFrameOfStep && text.animate({
+              if (this._isCollectionBase) {
+                const point = this._idToPoint.get(text.attribute.id);
+                !point || text.animates && text.animates.has("label-animate") || !this._baseMarks[0].containsPoint(point.x, point.y, IContainPointMode.LOCAL, null === (_b = this.stage) || void 0 === _b ? void 0 : _b.pickerService) || text.animate({
+                  onEnd: onEnd
+                }).wait(delay).to(to, duration, easing);
+              } else detail.animationState.isFirstFrameOfStep && text.animate({
                 onEnd: onEnd
               }).wait(delay).to(to, duration, easing);
           }
@@ -30368,7 +30564,7 @@
         if ("null" !== fillStrategy || "null" !== strokeStrategy) for (let i = 0; i < labels.length; i++) {
           const label = labels[i];
           if (!label) continue;
-          const baseMark = this._idToGraphic.get(label.attribute.id),
+          const baseMark = this.getRelatedGrphic(label.attribute),
             backgroundColor = baseMark.attribute.fill,
             foregroundColor = label.attribute.fill,
             baseColor = backgroundColor,
@@ -30444,54 +30640,7 @@
       labeling(textBounds, graphicBounds) {
         let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "top";
         let offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-        if (!textBounds) return;
-        const {
-            x1: x1,
-            y1: y1,
-            x2: x2,
-            y2: y2
-          } = textBounds,
-          width = Math.abs(x2 - x1),
-          height = Math.abs(y2 - y1),
-          anchorX = (graphicBounds.x1 + graphicBounds.x2) / 2,
-          anchorY = (graphicBounds.y1 + graphicBounds.y2) / 2;
-        let sx = 0,
-          sy = 0,
-          offsetX = 0,
-          offsetY = 0;
-        graphicBounds && (offsetX = Math.abs(graphicBounds.x1 - graphicBounds.x2) / 2, offsetY = Math.abs(graphicBounds.y1 - graphicBounds.y2) / 2);
-        const angle = {
-          "top-right": -235,
-          "top-left": 235,
-          "bottom-right": 45,
-          "bottom-left": -45
-        };
-        switch (position) {
-          case "top":
-            sy = -1;
-            break;
-          case "bottom":
-            sy = 1;
-            break;
-          case "left":
-            sx = -1;
-            break;
-          case "right":
-            sx = 1;
-            break;
-          case "bottom-left":
-          case "bottom-right":
-          case "top-left":
-          case "top-right":
-            sx = Math.sin(angle[position] * (Math.PI / 180)), sy = Math.cos(angle[position] * (Math.PI / 180));
-            break;
-          case "center":
-            sx = 0, sy = 0;
-        }
-        return {
-          x: anchorX + sx * (offset + offsetX) + Math.sign(sx) * (width / 2),
-          y: anchorY + sy * (offset + offsetY) + Math.sign(sy) * (height / 2)
-        };
+        return labelingPoint(textBounds, graphicBounds, position, offset);
       }
     }
     SymbolLabel.defaultAttributes = {
@@ -30570,110 +30719,6 @@
       pickable: !1
     };
 
-    function polarToCartesian(point) {
-      return point.radius ? {
-        x: Math.cos(point.angle) * point.radius,
-        y: Math.sin(point.angle) * point.radius
-      } : {
-        x: 0,
-        y: 0
-      };
-    }
-    function circlePoint(x0, y0, radius, radian) {
-      const offset = polarToCartesian({
-        radius: radius,
-        angle: radian
-      });
-      return {
-        x: x0 + offset.x,
-        y: y0 + offset.y
-      };
-    }
-    function computeQuadrant(angle) {
-      return (angle = normalizeAngle(angle)) > 0 && angle <= Math.PI / 2 ? 2 : angle > Math.PI / 2 && angle <= Math.PI ? 3 : angle > Math.PI && angle <= 3 * Math.PI / 2 ? 4 : 1;
-    }
-    function normalizeAngle(angle) {
-      for (; angle < 0;) angle += 2 * Math.PI;
-      for (; angle >= 2 * Math.PI;) angle -= 2 * Math.PI;
-      return angle;
-    }
-    function isQuadrantLeft(quadrant) {
-      return 3 === quadrant || 4 === quadrant;
-    }
-    function isQuadrantRight(quadrant) {
-      return 1 === quadrant || 2 === quadrant;
-    }
-    function lineCirclePoints(a, b, c, x0, y0, r) {
-      if (0 === a && 0 === b || r <= 0) return [];
-      if (0 === a) {
-        const y1 = -c / b,
-          fd = r ** 2 - (y1 - y0) ** 2;
-        if (fd < 0) return [];
-        if (0 === fd) return [{
-          x: x0,
-          y: y1
-        }];
-        return [{
-          x: Math.sqrt(fd) + x0,
-          y: y1
-        }, {
-          x: -Math.sqrt(fd) + x0,
-          y: y1
-        }];
-      }
-      if (0 === b) {
-        const x1 = -c / a,
-          fd = r ** 2 - (x1 - x0) ** 2;
-        if (fd < 0) return [];
-        if (0 === fd) return [{
-          x: x1,
-          y: y0
-        }];
-        return [{
-          x: x1,
-          y: Math.sqrt(fd) + y0
-        }, {
-          x: x1,
-          y: -Math.sqrt(fd) + y0
-        }];
-      }
-      const fa = (b / a) ** 2 + 1,
-        fb = 2 * ((c / a + x0) * (b / a) - y0),
-        fd = fb ** 2 - 4 * fa * ((c / a + x0) ** 2 + y0 ** 2 - r ** 2);
-      if (fd < 0) return [];
-      const y1 = (-fb + Math.sqrt(fd)) / (2 * fa),
-        y2 = (-fb - Math.sqrt(fd)) / (2 * fa),
-        x1 = -(b * y1 + c) / a;
-      return 0 === fd ? [{
-        x: x1,
-        y: y1
-      }] : [{
-        x: x1,
-        y: y1
-      }, {
-        x: -(b * y2 + c) / a,
-        y: y2
-      }];
-    }
-    function connectLineRadian(radius, length) {
-      return length > 2 * radius ? NaN : 2 * Math.asin(length / 2 / radius);
-    }
-    function checkBoundsOverlap(boundsA, boundsB) {
-      const {
-          x1: ax1,
-          y1: ay1,
-          x2: ax2,
-          y2: ay2
-        } = boundsA,
-        {
-          x1: bx1,
-          y1: by1,
-          x2: bx2,
-          y2: by2
-        } = boundsB;
-      return !(ax1 <= bx1 && ax2 <= bx1 || ax1 >= bx2 && ax2 >= bx2 || ay1 <= by1 && ay2 <= by1 || ay1 >= by2 && ay2 >= by2);
-    }
-
     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;
@@ -31205,10 +31250,34 @@
       pickable: !1
     };
 
+    class LineDataLabel extends LabelBase {
+      constructor(attributes) {
+        super(merge$1({}, LineDataLabel.defaultAttributes, attributes)), this.name = "line-data-label";
+      }
+      labeling(textBounds, graphicBounds) {
+        let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "top";
+        let offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+        return labelingPoint(textBounds, graphicBounds, position, offset);
+      }
+    }
+    LineDataLabel.defaultAttributes = {
+      textStyle: {
+        fontSize: 12,
+        fill: "#000",
+        textAlign: "center",
+        textBaseline: "middle",
+        boundsPadding: [-1, 0, -1, 0]
+      },
+      position: "top",
+      offset: 5,
+      pickable: !1
+    };
+
     const labelComponentMap = {
       rect: RectLabel,
       symbol: SymbolLabel,
-      arc: ArcLabel
+      arc: ArcLabel,
+      "line-data": LineDataLabel
     };
     class DataLabel extends AbstractComponent {
       constructor(attributes) {
@@ -38657,7 +38726,8 @@
           getBoundingClientRect: () => ({
             height: domref.height,
             width: domref.width
-          })
+          }),
+          nativeCanvas: _canvas
         };
         canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas);
       });
@@ -41355,6 +41425,10 @@
       init() {
         this._context = new LynxContext2d(this, this._dpr);
       }
+      resize(width, height) {
+        this._pixelWidth = width * this._dpr, this._pixelHeight = height * this._dpr, this._displayWidth = width, this._displayHeight = height, this._nativeCanvas.width = this._pixelWidth, this._nativeCanvas.height = this._pixelHeight, this._nativeCanvas.nativeCanvas && (this._nativeCanvas.nativeCanvas.width = this._pixelWidth, this._nativeCanvas.nativeCanvas.height = this._pixelHeight);
+        this._context.dpr = this._dpr;
+      }
       release() {}
     };
     LynxCanvas.env = "lynx", LynxCanvas = __decorate$a([injectable(), __metadata$8("design:paramtypes", [Object])], LynxCanvas);
@@ -41454,7 +41528,9 @@
         });
       }
       releaseWindow() {}
-      resizeWindow(width, height) {}
+      resizeWindow(width, height) {
+        this.canvas.resize(width, height);
+      }
       setDpr(dpr) {
         this.canvas.dpr = dpr;
       }
@@ -57916,7 +57992,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.5.1-alpha.5";
+    const version = "1.5.1-alpha.6";
 
     class ChartData {
         get dataList() {