@visactor/vchart-extension 1.13.21 → 1.13.22-alpha.1

package/cjs/components/series-break/util.js

@@ -0,0 +1,248 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.appendSeriesBreakConfig = exports.getSeriesBreakConfig = void 0;
+
+const vutils_1 = require("@visactor/vutils"), element_1 = require("../../utils/element"), math_1 = require("../../utils/math"), constant_1 = require("./constant"), barOffset = 2, lineOffset = 10, areaOffset = 0;
+
+function getSeriesBreakConfig(axesSpec, axesIndex) {
+    return {
+        type: "component",
+        componentType: constant_1.SERIES_BREAK,
+        interactive: !0,
+        zIndex: 500,
+        style: {
+            data: (datum, ctx) => {
+                const seriesBreakData = [], chart = ctx.vchart.getChart(), isHorizontal = "horizontal" === chart.getAllSeries()[0].direction;
+                return axesSpec.forEach(((spec, index) => {
+                    var _a, _b;
+                    const axisId = spec.id, axisModel = (0, vutils_1.isValid)(axisId) ? chart.getComponentByUserId(axisId) : axesIndex && (0, 
+                    vutils_1.isValid)(axesIndex[index]) ? chart.getComponentByIndex("axes", axesIndex[index]) : null === (_a = chart.getComponentsByKey("axes").filter((axis => axis.getSpec().breaks === spec.breaks))) || void 0 === _a ? void 0 : _a[0];
+                    if (!axisModel) return;
+                    const parsedAxisId = null != axisId ? axisId : `${axisModel.type}-${axisModel.id}`, regionBounds = (0, 
+                    element_1.getAllRegionBounds)(axisModel.getRegions());
+                    (0, vutils_1.array)(null === (_b = axisModel._break) || void 0 === _b ? void 0 : _b.breaks).forEach((breakConfig => {
+                        const {range: range, breakSymbol: breakSymbol, gap: gap = 5} = breakConfig, pos1 = axisModel.valueToPosition(range[0]), pos2 = axisModel.valueToPosition(range[1]), posY = (pos1 + pos2) / 2 + (isHorizontal ? regionBounds.x1 : regionBounds.y1);
+                        chart.getAllSeries().forEach((s => {
+                            if ("bar" === s.type || "waterfall" === s.type) {
+                                s.getMarkInName("bar").getProduct().elements.forEach((element => {
+                                    const elementBounds = element.getBounds();
+                                    let startX, startY, endX, endY, shouldDrawBreak = !1;
+                                    isHorizontal ? (shouldDrawBreak = elementBounds.x1 < (pos1 + pos2 - gap) / 2 && elementBounds.x2 > (pos1 + pos2 + gap) / 2, 
+                                    startX = posY, startY = Math.max(elementBounds.y1 + regionBounds.y1 - 2, regionBounds.y1), 
+                                    endX = posY, endY = Math.min(elementBounds.y2 + regionBounds.y1 + 2, regionBounds.y2)) : (shouldDrawBreak = elementBounds.y1 < (pos1 + pos2 - gap) / 2 && elementBounds.y2 > (pos1 + pos2 + gap) / 2, 
+                                    startX = Math.max(elementBounds.x1 + regionBounds.x1 - 2, regionBounds.x1), startY = posY, 
+                                    endX = Math.min(elementBounds.x2 + regionBounds.x1 + 2, regionBounds.x2), endY = posY), 
+                                    shouldDrawBreak && seriesBreakData.push({
+                                        start: {
+                                            x: startX,
+                                            y: startY
+                                        },
+                                        end: {
+                                            x: endX,
+                                            y: endY
+                                        },
+                                        gap: gap,
+                                        style: null == breakSymbol ? void 0 : breakSymbol.style,
+                                        axisId: parsedAxisId,
+                                        data: range
+                                    });
+                                }));
+                            } else if ("line" === s.type) {
+                                s.getMarkInName(s.type).getProduct().elements.forEach((element => {
+                                    getAreaOrLinePathPoints(element.graphicItem, "line").forEach((linePoints => {
+                                        getIntersectionsFromLineAndPolyline(isHorizontal ? {
+                                            start: {
+                                                x: (pos1 + pos2) / 2,
+                                                y: 0
+                                            },
+                                            end: {
+                                                x: (pos1 + pos2) / 2,
+                                                y: regionBounds.y2 - regionBounds.y1
+                                            }
+                                        } : {
+                                            start: {
+                                                x: 0,
+                                                y: (pos1 + pos2) / 2
+                                            },
+                                            end: {
+                                                x: regionBounds.x2 - regionBounds.x1,
+                                                y: (pos1 + pos2) / 2
+                                            }
+                                        }, linePoints).forEach((intersection => {
+                                            let start, end;
+                                            isHorizontal ? (start = {
+                                                x: posY,
+                                                y: Math.max(intersection[1] + regionBounds.y1 - 10, regionBounds.y1)
+                                            }, end = {
+                                                x: posY,
+                                                y: Math.min(intersection[1] + regionBounds.y1 + 10, regionBounds.y2)
+                                            }) : (start = {
+                                                x: Math.max(intersection[0] + regionBounds.x1 - 10, regionBounds.x1),
+                                                y: posY
+                                            }, end = {
+                                                x: Math.min(intersection[0] + regionBounds.x1 + 10, regionBounds.x2),
+                                                y: posY
+                                            }), seriesBreakData.push({
+                                                start: start,
+                                                end: end,
+                                                gap: gap,
+                                                style: null == breakSymbol ? void 0 : breakSymbol.style,
+                                                axisId: parsedAxisId,
+                                                data: range
+                                            });
+                                        }));
+                                    }));
+                                }));
+                            } else if ("area" === s.type) {
+                                s.getMarkInName("area").getProduct().elements.forEach((element => {
+                                    getAreaOrLinePathPoints(element.graphicItem, "area").forEach((areaPoints => {
+                                        const intersections = getIntersectionsFromLineAndPolyline(isHorizontal ? {
+                                            start: {
+                                                x: (pos1 + pos2) / 2,
+                                                y: 0
+                                            },
+                                            end: {
+                                                x: (pos1 + pos2) / 2,
+                                                y: regionBounds.y2 - regionBounds.y1
+                                            }
+                                        } : {
+                                            start: {
+                                                x: 0,
+                                                y: (pos1 + pos2) / 2
+                                            },
+                                            end: {
+                                                x: regionBounds.x2 - regionBounds.x1,
+                                                y: (pos1 + pos2) / 2
+                                            }
+                                        }, areaPoints);
+                                        intersections.sort(((a, b) => a[0] - b[0]));
+                                        for (let index = 0; index < intersections.length - 1; index++) {
+                                            const lineStart = {
+                                                x: intersections[index][0],
+                                                y: intersections[index][1]
+                                            }, lineEnd = {
+                                                x: intersections[index + 1][0],
+                                                y: intersections[index + 1][1]
+                                            };
+                                            if (isPointInPolygon(isHorizontal ? {
+                                                x: lineStart.x,
+                                                y: (lineStart.y + lineEnd.y) / 2
+                                            } : {
+                                                x: (lineStart.x + lineEnd.x) / 2,
+                                                y: lineStart.y
+                                            }, areaPoints)) {
+                                                let start, end;
+                                                isHorizontal ? (start = {
+                                                    x: lineStart.x + regionBounds.x1,
+                                                    y: Math.max(lineStart.y + regionBounds.y1 - 0, regionBounds.y1)
+                                                }, end = {
+                                                    x: lineEnd.x + regionBounds.x1,
+                                                    y: Math.min(lineEnd.y + regionBounds.y1 + 0, regionBounds.y2)
+                                                }) : (start = {
+                                                    x: Math.max(lineStart.x + regionBounds.x1 - 0, regionBounds.x1),
+                                                    y: lineStart.y + regionBounds.y1
+                                                }, end = {
+                                                    x: Math.min(lineEnd.x + regionBounds.x1 + 0, regionBounds.x2),
+                                                    y: lineEnd.y + regionBounds.y1
+                                                }), seriesBreakData.push({
+                                                    start: start,
+                                                    end: end,
+                                                    gap: gap,
+                                                    style: null == breakSymbol ? void 0 : breakSymbol.style,
+                                                    axisId: parsedAxisId,
+                                                    data: range
+                                                });
+                                            }
+                                        }
+                                    }));
+                                }));
+                            }
+                        }));
+                    }));
+                })), seriesBreakData;
+            }
+        }
+    };
+}
+
+function getIntersectionsFromLineAndPolyline(line, points) {
+    const intersections = [];
+    for (let index = 1; index < points.length; index++) {
+        const intersection = (0, vutils_1.getIntersectPoint)([ line.start.x, line.start.y ], [ line.end.x, line.end.y ], [ points[index].x, points[index].y ], [ points[index - 1].x, points[index - 1].y ]);
+        intersection && !intersections.find((point => (0, math_1.isNumberEqual)(vutils_1.PointService.distancePP({
+            x: point[0],
+            y: point[1]
+        }, {
+            x: intersection[0],
+            y: intersection[1]
+        }), 0))) && intersections.push(intersection);
+    }
+    return intersections;
+}
+
+function getAreaOrLinePathPoints(shape, type) {
+    const {points: points, segments: segments} = shape.attribute, pathPoints = [];
+    let eachPathPoints = [];
+    const parsePoints = points => {
+        if (points && points.length) {
+            let basePoints = [];
+            if (points.forEach((point => {
+                var _a, _b;
+                if (!1 === point.defined) {
+                    if (pathPoints.push(eachPathPoints), "area" === type && basePoints.length) {
+                        for (let i = basePoints.length - 1; i >= 0; i--) eachPathPoints.push({
+                            x: basePoints[i].x,
+                            y: basePoints[i].y
+                        });
+                        eachPathPoints.push(eachPathPoints[0]);
+                    }
+                    eachPathPoints = [], basePoints = [];
+                } else eachPathPoints.push({
+                    x: point.x,
+                    y: point.y
+                }), "area" === type && basePoints.push({
+                    x: null !== (_a = point.x1) && void 0 !== _a ? _a : point.x,
+                    y: null !== (_b = point.y1) && void 0 !== _b ? _b : point.y
+                });
+            })), "area" === type && basePoints.length) {
+                for (let i = basePoints.length - 1; i >= 0; i--) eachPathPoints.push({
+                    x: basePoints[i].x,
+                    y: basePoints[i].y
+                });
+                eachPathPoints.push(eachPathPoints[0]);
+            }
+            pathPoints.push(eachPathPoints);
+        }
+    };
+    return points && points.length ? parsePoints(points) : segments && segments.length && segments.forEach((seg => {
+        parsePoints(seg.points);
+    })), pathPoints;
+}
+
+function isPointInPolygon(point, polygon) {
+    const {x: x, y: y} = point;
+    let inside = !1;
+    for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+        const {x: xi, y: yi} = polygon[i], {x: xj, y: yj} = polygon[j];
+        yi > y != yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi && (inside = !inside);
+    }
+    return inside;
+}
+
+exports.getSeriesBreakConfig = getSeriesBreakConfig;
+
+const appendSeriesBreakConfig = rawSpec => {
+    var _a;
+    if (null === (_a = rawSpec.axes) || void 0 === _a ? void 0 : _a.length) {
+        const breakedAxes = rawSpec.axes.filter((axis => axis.breaks && axis.breaks.length && !1 !== axis.visible));
+        if (breakedAxes.length) return rawSpec.customMark = (0, vutils_1.array)(rawSpec.customMark).filter((obj => obj.componentType !== constant_1.SERIES_BREAK)), 
+        rawSpec.customMark.push(getSeriesBreakConfig(breakedAxes, breakedAxes.map((axisSpec => rawSpec.axes.indexOf(axisSpec))))), 
+        !0;
+    }
+    return !1;
+};
+
+exports.appendSeriesBreakConfig = appendSeriesBreakConfig;
+//# sourceMappingURL=util.js.map

package/cjs/components/series-break/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/series-break/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["/**\n * 支持轴翻转\n */\nimport type { ILinearAxisBreakSpec, ILinearAxisSpec } from '@visactor/vchart/esm/component/axis';\nimport { ICartesianSeries, ISpec } from '@visactor/vchart';\nimport { SeriesBreakData } from './type';\nimport { array, getIntersectPoint, IPointLike, isValid, PointService } from '@visactor/vutils';\nimport { Point } from '@visactor/vrender-components';\nimport { IArea, ILine } from '@visactor/vrender-core';\nimport { getAllRegionBounds } from '../../utils/element';\nimport { isNumberEqual } from '../../utils/math';\nimport { SERIES_BREAK } from './constant';\n\nconst barOffset = 2;\nconst lineOffset = 10;\nconst areaOffset = 0;\n\n/**\n * 获取系列标签的 spec 配置\n * @param position 显示位置\n * @param config 系列标签的样式配置\n * @returns\n */\nexport function getSeriesBreakConfig(axesSpec: ILinearAxisSpec[], axesIndex?: number[]) {\n  return {\n    type: 'component',\n    componentType: SERIES_BREAK,\n    interactive: true,\n    zIndex: 500,\n\n    style: {\n      data: (datum: any, ctx: any) => {\n        const seriesBreakData: SeriesBreakData[] = [];\n        const vchart = ctx.vchart;\n        const chart = vchart.getChart();\n        const series = chart.getAllSeries()[0] as ICartesianSeries;\n        const isHorizontal = series.direction === 'horizontal';\n        axesSpec.forEach((spec: any, index: number) => {\n          const axisId = spec.id;\n          const axisModel = isValid(axisId)\n            ? chart.getComponentByUserId(axisId)\n            : axesIndex && isValid(axesIndex[index])\n            ? chart.getComponentByIndex('axes', axesIndex[index])\n            : chart.getComponentsByKey('axes').filter((axis: { getSpec: () => any }) => {\n                const axisInnerSpec = axis.getSpec();\n\n                return axisInnerSpec.breaks === spec.breaks;\n              })?.[0];\n\n          if (!axisModel) {\n            return;\n          }\n          const parsedAxisId = axisId ?? `${axisModel.type}-${axisModel.id}`;\n\n          const regionBounds = getAllRegionBounds(axisModel.getRegions());\n\n          // todo 这里用到了内部变量，不太安全\n          array(axisModel._break?.breaks).forEach((breakConfig: ILinearAxisBreakSpec) => {\n            const { range, breakSymbol, gap = 5 } = breakConfig;\n            const pos1 = axisModel.valueToPosition(range[0]);\n            const pos2 = axisModel.valueToPosition(range[1]);\n\n            const posY = (pos1 + pos2) / 2 + (isHorizontal ? regionBounds.x1 : regionBounds.y1);\n\n            chart.getAllSeries().forEach((s: ICartesianSeries) => {\n              if (s.type === 'bar' || s.type === 'waterfall') {\n                const mark = s.getMarkInName('bar');\n                const vgrammarElements = mark.getProduct().elements;\n                vgrammarElements.forEach((element: any) => {\n                  const elementBounds = element.getBounds();\n                  let shouldDrawBreak = false;\n                  let startX;\n                  let startY;\n                  let endX;\n                  let endY;\n                  if (isHorizontal) {\n                    shouldDrawBreak =\n                      elementBounds.x1 < (pos1 + pos2 - (gap as number)) / 2 &&\n                      elementBounds.x2 > (pos1 + pos2 + gap) / 2;\n\n                    startX = posY;\n                    startY = Math.max(elementBounds.y1 + regionBounds.y1 - barOffset, regionBounds.y1);\n\n                    endX = posY;\n                    endY = Math.min(elementBounds.y2 + regionBounds.y1 + barOffset, regionBounds.y2);\n                  } else {\n                    shouldDrawBreak =\n                      elementBounds.y1 < (pos1 + pos2 - (gap as number)) / 2 &&\n                      elementBounds.y2 > (pos1 + pos2 + gap) / 2;\n                    startX = Math.max(elementBounds.x1 + regionBounds.x1 - barOffset, regionBounds.x1);\n                    startY = posY;\n                    endX = Math.min(elementBounds.x2 + regionBounds.x1 + barOffset, regionBounds.x2);\n                    endY = posY;\n                  }\n\n                  if (shouldDrawBreak) {\n                    seriesBreakData.push({\n                      start: {\n                        x: startX,\n                        y: startY\n                      },\n                      end: {\n                        x: endX,\n                        y: endY\n                      },\n                      gap: gap as number,\n                      style: breakSymbol?.style,\n                      axisId: parsedAxisId,\n                      data: range\n                    });\n                  }\n                });\n              } else if (s.type === 'line') {\n                // 求水平直线/垂直线同 line path 的交点\n                const mark = s.getMarkInName(s.type);\n                const vgrammarElements = mark.getProduct().elements;\n                vgrammarElements.forEach((element: any) => {\n                  const graphicItem = element.graphicItem;\n                  const points = getAreaOrLinePathPoints(graphicItem, 'line');\n                  points.forEach(linePoints => {\n                    // 开始查找交点\n                    const intersections = getIntersectionsFromLineAndPolyline(\n                      isHorizontal\n                        ? {\n                            start: { x: (pos1 + pos2) / 2, y: 0 },\n                            end: { x: (pos1 + pos2) / 2, y: regionBounds.y2 - regionBounds.y1 }\n                          }\n                        : {\n                            start: { x: 0, y: (pos1 + pos2) / 2 },\n                            end: { x: regionBounds.x2 - regionBounds.x1, y: (pos1 + pos2) / 2 }\n                          },\n                      linePoints\n                    );\n\n                    intersections.forEach(intersection => {\n                      let start;\n                      let end;\n                      if (isHorizontal) {\n                        start = {\n                          x: posY,\n                          y: Math.max(intersection[1] + regionBounds.y1 - lineOffset, regionBounds.y1)\n                        };\n                        end = {\n                          x: posY,\n                          y: Math.min(intersection[1] + regionBounds.y1 + lineOffset, regionBounds.y2)\n                        };\n                      } else {\n                        start = {\n                          x: Math.max(intersection[0] + regionBounds.x1 - lineOffset, regionBounds.x1),\n                          y: posY\n                        };\n                        end = {\n                          x: Math.min(intersection[0] + regionBounds.x1 + lineOffset, regionBounds.x2),\n                          y: posY\n                        };\n                      }\n                      seriesBreakData.push({\n                        start,\n                        end,\n                        gap: gap as number,\n                        style: breakSymbol?.style,\n                        axisId: parsedAxisId,\n                        data: range\n                      });\n                    });\n                  });\n                });\n              } else if (s.type === 'area') {\n                // 默认面积去全部堆叠\n                const mark = s.getMarkInName('area');\n                const vgrammarElements = mark.getProduct().elements;\n                vgrammarElements.forEach((element: any) => {\n                  const graphicItem = element.graphicItem;\n                  const points = getAreaOrLinePathPoints(graphicItem, 'area');\n                  points.forEach(areaPoints => {\n                    const intersections = getIntersectionsFromLineAndPolyline(\n                      isHorizontal\n                        ? {\n                            start: { x: (pos1 + pos2) / 2, y: 0 },\n                            end: { x: (pos1 + pos2) / 2, y: regionBounds.y2 - regionBounds.y1 }\n                          }\n                        : {\n                            start: { x: 0, y: (pos1 + pos2) / 2 },\n                            end: { x: regionBounds.x2 - regionBounds.x1, y: (pos1 + pos2) / 2 }\n                          },\n                      areaPoints\n                    );\n\n                    intersections.sort((a, b) => a[0] - b[0]);\n\n                    for (let index = 0; index < intersections.length - 1; index++) {\n                      const lineStart = {\n                        x: intersections[index][0],\n                        y: intersections[index][1]\n                      };\n                      const lineEnd = {\n                        x: intersections[index + 1][0],\n                        y: intersections[index + 1][1]\n                      };\n                      if (\n                        isPointInPolygon(\n                          isHorizontal\n                            ? {\n                                x: lineStart.x,\n                                y: (lineStart.y + lineEnd.y) / 2\n                              }\n                            : {\n                                x: (lineStart.x + lineEnd.x) / 2,\n                                y: lineStart.y\n                              },\n                          areaPoints\n                        )\n                      ) {\n                        let start;\n                        let end;\n                        if (isHorizontal) {\n                          start = {\n                            x: lineStart.x + regionBounds.x1,\n                            y: Math.max(lineStart.y + regionBounds.y1 - areaOffset, regionBounds.y1)\n                          };\n                          end = {\n                            x: lineEnd.x + regionBounds.x1,\n                            y: Math.min(lineEnd.y + regionBounds.y1 + areaOffset, regionBounds.y2)\n                          };\n                        } else {\n                          start = {\n                            x: Math.max(lineStart.x + regionBounds.x1 - areaOffset, regionBounds.x1),\n                            y: lineStart.y + regionBounds.y1\n                          };\n                          end = {\n                            x: Math.min(lineEnd.x + regionBounds.x1 + areaOffset, regionBounds.x2),\n                            y: lineEnd.y + regionBounds.y1\n                          };\n                        }\n                        seriesBreakData.push({\n                          start,\n                          end,\n                          gap: gap as number,\n                          style: breakSymbol?.style,\n                          axisId: parsedAxisId,\n                          data: range\n                        });\n                      }\n                    }\n                  });\n                });\n              }\n            });\n          });\n        });\n\n        return seriesBreakData;\n      }\n    }\n  };\n}\n\nfunction getIntersectionsFromLineAndPolyline(line: { start: Point; end: Point }, points: Point[]) {\n  const intersections: [number, number][] = [];\n  for (let index = 1; index < points.length; index++) {\n    const intersection = getIntersectPoint(\n      [line.start.x, line.start.y],\n      [line.end.x, line.end.y],\n      [points[index].x, points[index].y],\n      [points[index - 1].x, points[index - 1].y]\n    );\n    if (\n      intersection &&\n      !intersections.find(point =>\n        isNumberEqual(\n          PointService.distancePP(\n            { x: point[0], y: point[1] },\n            { x: (intersection as [number, number])[0], y: (intersection as [number, number])[1] }\n          ),\n          0\n        )\n      )\n    ) {\n      intersections.push(intersection as [number, number]);\n    }\n  }\n  return intersections;\n}\n\nfunction getAreaOrLinePathPoints(shape: IArea | ILine, type: 'line' | 'area') {\n  const { points, segments } = shape.attribute;\n  const pathPoints: Point[][] = [];\n  let eachPathPoints: Point[] = [];\n  const parsePoints = (points: IPointLike[]) => {\n    if (points && points.length) {\n      let basePoints: IPointLike[] = [];\n      points.forEach(point => {\n        if (point.defined === false) {\n          pathPoints.push(eachPathPoints);\n          if (type === 'area' && basePoints.length) {\n            for (let i = basePoints.length - 1; i >= 0; i--) {\n              eachPathPoints.push({\n                x: basePoints[i].x,\n                y: basePoints[i].y\n              });\n            }\n\n            eachPathPoints.push(eachPathPoints[0]);\n          }\n          eachPathPoints = [];\n          basePoints = [];\n        } else {\n          eachPathPoints.push({\n            x: point.x,\n            y: point.y\n          });\n\n          type === 'area' && basePoints.push({ x: point.x1 ?? point.x, y: point.y1 ?? point.y });\n        }\n      });\n\n      if (type === 'area' && basePoints.length) {\n        for (let i = basePoints.length - 1; i >= 0; i--) {\n          eachPathPoints.push({\n            x: basePoints[i].x,\n            y: basePoints[i].y\n          });\n        }\n        eachPathPoints.push(eachPathPoints[0]);\n      }\n\n      pathPoints.push(eachPathPoints);\n    }\n  };\n\n  if (points && points.length) {\n    parsePoints(points);\n  } else if (segments && segments.length) {\n    segments.forEach(seg => {\n      parsePoints(seg.points);\n    });\n  }\n\n  return pathPoints;\n}\n\nfunction isPointInPolygon(point: Point, polygon: Point[]) {\n  const { x, y } = point;\n  let inside = false;\n\n  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {\n    const { x: xi, y: yi } = polygon[i];\n    const { x: xj, y: yj } = polygon[j];\n\n    const intersect = yi > y !== yj > y && x < ((xj - xi) * (y - yi)) / (yj - yi) + xi;\n    if (intersect) {\n      inside = !inside;\n    }\n  }\n\n  return inside;\n}\n\nexport const appendSeriesBreakConfig = (rawSpec: ISpec) => {\n  if (rawSpec.axes?.length) {\n    const breakedAxes = rawSpec.axes.filter((axis: any) => axis.breaks && axis.breaks.length && axis.visible !== false);\n\n    if (breakedAxes.length) {\n      (rawSpec as any).customMark = array((rawSpec as any).customMark).filter(\n        (obj: any) => obj.componentType !== SERIES_BREAK\n      );\n      (rawSpec as any).customMark.push(\n        getSeriesBreakConfig(\n          breakedAxes as ILinearAxisSpec[],\n          breakedAxes.map(axisSpec => {\n            return rawSpec.axes.indexOf(axisSpec as any);\n          })\n        )\n      );\n      return true;\n    }\n  }\n\n  return false;\n};\n"]}

package/cjs/components/series-label/constant.d.ts

@@ -0,0 +1 @@
+export declare const SERIES_LABEL = "seriesLabel";

package/cjs/components/series-label/constant.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.SERIES_LABEL = void 0, exports.SERIES_LABEL = "seriesLabel";
+//# sourceMappingURL=constant.js.map

package/cjs/components/series-label/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/series-label/constant.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG,aAAa,CAAC","file":"constant.js","sourcesContent":["export const SERIES_LABEL = 'seriesLabel';\n"]}

package/cjs/components/series-label/index.d.ts

@@ -0,0 +1,3 @@
+export { SeriesLabelComponent, registerSeriesLabel } from './series-label';
+export * from './type';
+export { getSeriesLabelConfig, appendSeriesLabelConfig } from './util';

package/cjs/components/series-label/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.appendSeriesLabelConfig = exports.getSeriesLabelConfig = exports.registerSeriesLabel = exports.SeriesLabelComponent = void 0;
+
+var series_label_1 = require("./series-label");
+
+Object.defineProperty(exports, "SeriesLabelComponent", {
+    enumerable: !0,
+    get: function() {
+        return series_label_1.SeriesLabelComponent;
+    }
+}), Object.defineProperty(exports, "registerSeriesLabel", {
+    enumerable: !0,
+    get: function() {
+        return series_label_1.registerSeriesLabel;
+    }
+}), __exportStar(require("./type"), exports);
+
+var util_1 = require("./util");
+
+Object.defineProperty(exports, "getSeriesLabelConfig", {
+    enumerable: !0,
+    get: function() {
+        return util_1.getSeriesLabelConfig;
+    }
+}), Object.defineProperty(exports, "appendSeriesLabelConfig", {
+    enumerable: !0,
+    get: function() {
+        return util_1.appendSeriesLabelConfig;
+    }
+});
+//# sourceMappingURL=index.js.map

package/cjs/components/series-label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/series-label/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+CAA2E;AAAlE,oHAAA,oBAAoB,OAAA;AAAE,mHAAA,mBAAmB,OAAA;AAClD,yCAAuB;AACvB,+BAAuE;AAA9D,4GAAA,oBAAoB,OAAA;AAAE,+GAAA,uBAAuB,OAAA","file":"index.js","sourcesContent":["export { SeriesLabelComponent, registerSeriesLabel } from './series-label';\nexport * from './type';\nexport { getSeriesLabelConfig, appendSeriesLabelConfig } from './util';\n"]}

package/cjs/components/series-label/series-label.d.ts

@@ -0,0 +1,7 @@
+import { AbstractComponent } from '@visactor/vrender-components';
+import { SeriesLabelAttrs } from './type';
+export declare class SeriesLabelComponent extends AbstractComponent<Required<SeriesLabelAttrs>> {
+    name: string;
+    protected render(): void;
+}
+export declare const registerSeriesLabel: () => void;

package/cjs/components/series-label/series-label.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerSeriesLabel = exports.SeriesLabelComponent = void 0;
+
+const vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), vgrammar_core_1 = require("@visactor/vgrammar-core"), vrender_core_1 = require("@visactor/vrender-core"), util_1 = require("./util"), constant_1 = require("./constant");
+
+class SeriesLabelComponent extends vrender_components_1.AbstractComponent {
+    constructor() {
+        super(...arguments), this.name = constant_1.SERIES_LABEL;
+    }
+    render() {
+        var _a, _b, _c, _d;
+        this.removeAllChild();
+        const {data: data, layout: layout, label: label, line: line = {}} = this.attribute;
+        if ((0, vutils_1.isEmpty)(data)) return;
+        const labelStyleMap = null !== (_a = null == label ? void 0 : label.styleMap) && void 0 !== _a ? _a : {}, adjustedPoints = {}, filteredData = data.filter((datum => {
+            var _a;
+            return !1 !== (null === (_a = labelStyleMap[datum.id]) || void 0 === _a ? void 0 : _a.visible);
+        }));
+        if ("vertical" === layout) {
+            const lineHeight = 1.5 * (null !== (_c = null === (_b = null == label ? void 0 : label.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 12), createAndAddTextGraphic = (datum, textPoint, labelStyleMap) => {
+                var _a, _b, _c, _d, _e, _f, _g, _h;
+                const {label: text, color: color, textAlign: textAlign, textBaseline: textBaseline, id: id} = datum, formatMethod = null !== (_b = null === (_a = labelStyleMap[id]) || void 0 === _a ? void 0 : _a.formatMethod) && void 0 !== _b ? _b : null === (_c = this.attribute.label) || void 0 === _c ? void 0 : _c.formatMethod, textGraphic = (0, 
+                vrender_core_1.createText)(Object.assign(Object.assign(Object.assign(Object.assign({
+                    text: formatMethod ? formatMethod(text, datum.datum, {
+                        series: datum.series
+                    }) : text
+                }, null === (_d = this.attribute.label) || void 0 === _d ? void 0 : _d.style), textPoint), {
+                    textAlign: textAlign,
+                    textBaseline: textBaseline,
+                    fill: null !== (_g = null === (_f = null === (_e = this.attribute.label) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.fill) && void 0 !== _g ? _g : color
+                }), null === (_h = labelStyleMap[id]) || void 0 === _h ? void 0 : _h.style));
+                return textGraphic.name = "series-label-text", textGraphic.id = id, this.add(textGraphic), 
+                textGraphic;
+            };
+            [ "start", "end" ].forEach((position => {
+                const posData = filteredData.filter((datum => datum.position === position)), posYArr = posData.map((datum => datum.point.y)), dodgedPosY = (0, 
+                util_1.dodge)(posYArr, lineHeight);
+                posData.forEach(((datum, index) => {
+                    var _a;
+                    const textPoint = {
+                        x: datum.point.x + (null !== (_a = null == label ? void 0 : label.space) && void 0 !== _a ? _a : 8) * ("start" === datum.textAlign ? 1 : -1),
+                        y: dodgedPosY[index]
+                    };
+                    createAndAddTextGraphic(datum, textPoint, labelStyleMap), adjustedPoints[datum.id] = textPoint;
+                }));
+            }));
+        } else {
+            const startTexts = [], endTexts = [];
+            filteredData.forEach((datum => {
+                var _a, _b, _c, _d, _e;
+                const {point: point, label: text, color: color, textAlign: textAlign, textBaseline: textBaseline, id: id, position: position} = datum, textPoint = {
+                    x: point.x,
+                    y: point.y
+                }, formatMethod = null !== (_b = null === (_a = labelStyleMap[id]) || void 0 === _a ? void 0 : _a.formatMethod) && void 0 !== _b ? _b : null == label ? void 0 : label.formatMethod, textGraphic = (0, 
+                vrender_core_1.createText)(Object.assign(Object.assign(Object.assign(Object.assign({
+                    text: formatMethod ? formatMethod(text, datum.datum, {
+                        series: datum.series
+                    }) : text
+                }, null == label ? void 0 : label.style), textPoint), {
+                    textAlign: textAlign,
+                    textBaseline: textBaseline,
+                    fill: null !== (_d = null === (_c = null == label ? void 0 : label.style) || void 0 === _c ? void 0 : _c.fill) && void 0 !== _d ? _d : color
+                }), null === (_e = labelStyleMap[id]) || void 0 === _e ? void 0 : _e.style));
+                textGraphic.id = id, textGraphic.name = "series-label-text", this.add(textGraphic), 
+                "start" === position ? startTexts.push(textGraphic) : "end" === position && endTexts.push(textGraphic);
+            })), startTexts.length && (0, util_1.dodgeHorizontal)(startTexts, 4, 10), endTexts.length && (0, 
+            util_1.dodgeHorizontal)(endTexts, 4, 10);
+            const labelSpace = null !== (_d = null == label ? void 0 : label.space) && void 0 !== _d ? _d : 8;
+            [ ...startTexts, ...endTexts ].forEach((text => {
+                const flag = "top" === text.attribute.textBaseline ? 1 : -1;
+                text.setAttribute("y", text.attribute.y + labelSpace * flag), adjustedPoints[text.id] = {
+                    x: text.attribute.x,
+                    y: text.attribute.y
+                };
+            }));
+        }
+        !1 !== line.visible && filteredData.forEach((datum => {
+            var _a, _b, _c, _d, _e, _f;
+            const {point: start, color: color, id: id} = datum, end = {
+                x: adjustedPoints[id].x + (null !== (_c = null === (_b = null === (_a = labelStyleMap[id]) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.dx) && void 0 !== _c ? _c : 0),
+                y: adjustedPoints[id].y + (null !== (_f = null === (_e = null === (_d = labelStyleMap[id]) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.dy) && void 0 !== _f ? _f : 0)
+            };
+            if (!1 !== line.autoVisible) {
+                if ("vertical" === layout && start.y !== end.y || "horizontal" === layout && start.x !== end.x) {
+                    const lineShape = (0, vrender_core_1.createLine)(Object.assign({
+                        points: [ start, end ],
+                        lineWidth: 1,
+                        stroke: color
+                    }, line.style));
+                    lineShape.name = "series-label-line", this.add(lineShape);
+                }
+            } else {
+                const lineShape = (0, vrender_core_1.createLine)(Object.assign({
+                    points: [ start, end ],
+                    lineWidth: 1,
+                    stroke: color
+                }, line.style));
+                lineShape.name = "series-label-line", this.add(lineShape);
+            }
+        }));
+    }
+}
+
+exports.SeriesLabelComponent = SeriesLabelComponent;
+
+const registerSeriesLabel = () => {
+    vgrammar_core_1.Factory.registerGraphicComponent("seriesLabel", (attrs => new SeriesLabelComponent(attrs)));
+};
+
+exports.registerSeriesLabel = registerSeriesLabel;
+//# sourceMappingURL=series-label.js.map

package/cjs/components/series-label/series-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/series-label/series-label.ts"],"names":[],"mappings":"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","file":"series-label.js","sourcesContent":["/**\n * @description vchart 自定义组件，用于实现柱图、线图以及面积图的系列标签\n * @author zhangweixing\n */\n\nimport { AbstractComponent } from '@visactor/vrender-components';\nimport type { Dict } from '@visactor/vutils';\nimport { isEmpty } from '@visactor/vutils';\nimport { Factory } from '@visactor/vgrammar-core';\nimport { type IGraphic, type IText, createText, createLine } from '@visactor/vrender-core';\nimport { SeriesLabelAttrs, SeriesLabelData } from './type';\nimport { dodge, dodgeHorizontal } from './util';\nimport { SERIES_LABEL } from './constant';\n\nexport class SeriesLabelComponent extends AbstractComponent<Required<SeriesLabelAttrs>> {\n  name = SERIES_LABEL;\n  protected render() {\n    this.removeAllChild();\n    const { data, layout, label, line = {} } = this.attribute as SeriesLabelAttrs;\n    if (isEmpty(data)) {\n      return;\n    }\n\n    const labelStyleMap = label?.styleMap ?? {};\n    const adjustedPoints: Dict<any> = {};\n    const filteredData = (data as SeriesLabelData[]).filter(datum => labelStyleMap[datum.id]?.visible !== false);\n    if (layout === 'vertical') {\n      const lineHeight = (label?.style?.fontSize ?? 12) * 1.5; // 进行扰动，将重叠的文本抖开\n      const createAndAddTextGraphic = (datum: any, textPoint: any, labelStyleMap: any) => {\n        const { label: text, color, textAlign, textBaseline, id } = datum;\n        const formatMethod = labelStyleMap[id]?.formatMethod ?? this.attribute.label?.formatMethod;\n        const textGraphic = createText({\n          text: formatMethod\n            ? formatMethod(text, datum.datum, {\n                series: datum.series\n              })\n            : text,\n          ...this.attribute.label?.style,\n          ...textPoint,\n          textAlign,\n          textBaseline,\n          fill: this.attribute.label?.style?.fill ?? color,\n          ...labelStyleMap[id]?.style\n        });\n        textGraphic.name = 'series-label-text';\n        textGraphic.id = id;\n        this.add(textGraphic);\n\n        return textGraphic;\n      };\n\n      ['start', 'end'].forEach(position => {\n        const posData = filteredData.filter(datum => datum.position === position);\n        const posYArr = posData.map(datum => datum.point.y);\n        const dodgedPosY = dodge(posYArr, lineHeight);\n        posData.forEach((datum, index) => {\n          const textPoint = {\n            x: datum.point.x + (label?.space ?? 8) * (datum.textAlign === 'start' ? 1 : -1),\n            y: dodgedPosY[index]\n          };\n          createAndAddTextGraphic(datum, textPoint, labelStyleMap);\n          adjustedPoints[datum.id] = textPoint;\n        });\n      });\n    } else {\n      const startTexts: IText[] = [];\n      const endTexts: IText[] = [];\n      filteredData.forEach(datum => {\n        const { point, label: text, color, textAlign, textBaseline, id, position } = datum;\n\n        const textPoint = {\n          x: point.x,\n          y: point.y\n        };\n\n        const formatMethod = labelStyleMap[id]?.formatMethod ?? label?.formatMethod;\n\n        const textGraphic = createText({\n          text: formatMethod\n            ? formatMethod(text, datum.datum, {\n                series: datum.series\n              })\n            : text,\n          ...label?.style,\n          ...textPoint,\n          textAlign,\n          textBaseline,\n          fill: label?.style?.fill ?? color,\n          ...labelStyleMap[id]?.style\n        });\n        textGraphic.id = id;\n        textGraphic.name = 'series-label-text';\n        this.add(textGraphic);\n        if (position === 'start') {\n          startTexts.push(textGraphic);\n        } else if (position === 'end') {\n          endTexts.push(textGraphic);\n        }\n      });\n      // 水平扰动，防重叠\n      startTexts.length && dodgeHorizontal(startTexts as unknown as IText[], 4, 10);\n      endTexts.length && dodgeHorizontal(endTexts as unknown as IText[], 4, 10);\n      // 调整间距\n      const labelSpace = label?.space ?? 8;\n      [...startTexts, ...endTexts].forEach((text: IText) => {\n        const flag = text.attribute.textBaseline === 'top' ? 1 : -1;\n        text.setAttribute('y', (text.attribute.y as number) + labelSpace * flag);\n\n        adjustedPoints[text.id] = {\n          x: text.attribute.x,\n          y: text.attribute.y\n        };\n      });\n    }\n\n    if (line.visible !== false) {\n      filteredData.forEach(datum => {\n        const { point: start, color, id } = datum;\n        const end = {\n          x: adjustedPoints[id].x + (labelStyleMap[id]?.style?.dx ?? 0),\n          y: adjustedPoints[id].y + (labelStyleMap[id]?.style?.dy ?? 0)\n        };\n\n        if (line.autoVisible !== false) {\n          if ((layout === 'vertical' && start.y !== end.y) || (layout === 'horizontal' && start.x !== end.x)) {\n            const lineShape = createLine({\n              points: [start, end],\n              lineWidth: 1,\n              stroke: color,\n              ...line.style\n            });\n            lineShape.name = 'series-label-line';\n            this.add(lineShape);\n          }\n        } else {\n          const lineShape = createLine({\n            points: [start, end],\n            lineWidth: 1,\n            stroke: color,\n            ...line.style\n          });\n          lineShape.name = 'series-label-line';\n          this.add(lineShape);\n        }\n      });\n    }\n  }\n}\n\nexport const registerSeriesLabel = () => {\n  Factory.registerGraphicComponent(\n    'seriesLabel',\n    (attrs: Required<SeriesLabelAttrs>) => new SeriesLabelComponent(attrs) as unknown as IGraphic\n  );\n};\n"]}

package/cjs/components/series-label/type.d.ts

@@ -0,0 +1,41 @@
+import type { IGroupGraphicAttribute, ILineGraphicAttribute, ITextGraphicAttribute, TextAlignType, TextBaselineType } from '@visactor/vrender-core';
+import type { ICartesianSeries } from '@visactor/vchart';
+export type SeriesLabelData = {
+    point: {
+        x: number;
+        y: number;
+    };
+    label: string;
+    color: string;
+    textAlign: TextAlignType;
+    textBaseline: TextBaselineType;
+    series: ICartesianSeries;
+    datum: any;
+    id: string;
+    position: string;
+};
+export interface SeriesLabelAttrs extends IGroupGraphicAttribute {
+    line?: {
+        visible?: boolean;
+        autoVisible?: boolean;
+        style?: ILineGraphicAttribute;
+    };
+    label?: {
+        formatMethod?: (text: string, datum: any, context: any) => string;
+        style?: ITextGraphicAttribute;
+        space?: number;
+        styleMap?: {
+            [key: string]: {
+                visible?: boolean;
+                style?: ITextGraphicAttribute;
+                formatMethod?: (text: string, datum: any, context: any) => string;
+            };
+        };
+    };
+    data: SeriesLabelData[];
+    layout: 'horizontal' | 'vertical';
+    position: 'start' | 'end' | 'both-ends';
+}
+export interface SeriesLabelSpec extends Partial<Pick<SeriesLabelAttrs, 'line' | 'label' | 'position'>> {
+    visible?: boolean;
+}

package/cjs/components/series-label/type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=type.js.map

package/cjs/components/series-label/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/series-label/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  ITextGraphicAttribute,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vrender-core';\nimport type { ICartesianSeries } from '@visactor/vchart';\n\nexport type SeriesLabelData = {\n  /**\n   * 数据点位置\n   */\n  point: {\n    x: number;\n    y: number;\n  };\n  /**\n   * 标签文本\n   */\n  label: string;\n  /**\n   * 标签颜色\n   */\n  color: string;\n  textAlign: TextAlignType;\n  textBaseline: TextBaselineType;\n  series: ICartesianSeries;\n  datum: any;\n  id: string;\n  position: string;\n};\n\nexport interface SeriesLabelAttrs extends IGroupGraphicAttribute {\n  /**\n   * 系列标签连接线\n   */\n  line?: {\n    /**\n     * 是否显示系列标签\n     * @default true\n     */\n    visible?: boolean;\n    /**\n     * 是否智能显示，仅当 visible 开启的时候生效\n     * @default true\n     */\n    autoVisible?: boolean;\n    /**\n     * 线样式\n     */\n    style?: ILineGraphicAttribute;\n  };\n  /**\n   * 系列标签配置\n   */\n  label?: {\n    /**\n     * 文本格式化配置\n     * @param text\n     * @returns\n     */\n    formatMethod?: (text: string, datum: any, context: any) => string;\n    /**\n     * 文本样式配置\n     */\n    style?: ITextGraphicAttribute;\n    /**\n     * 标签距离数据点的间距\n     */\n    space?: number;\n    styleMap?: {\n      [key: string]: {\n        visible?: boolean;\n        style?: ITextGraphicAttribute;\n        formatMethod?: (text: string, datum: any, context: any) => string;\n      };\n    };\n  };\n  /**\n   * 标签数据\n   */\n  data: SeriesLabelData[];\n  /**\n   * 标签的布局方向，主要用于判断采用那个方向的抖动算法\n   */\n  layout: 'horizontal' | 'vertical';\n  position: 'start' | 'end' | 'both-ends';\n}\n\nexport interface SeriesLabelSpec extends Partial<Pick<SeriesLabelAttrs, 'line' | 'label' | 'position'>> {\n  visible?: boolean;\n}\n"]}

package/cjs/components/series-label/util.d.ts

@@ -0,0 +1,33 @@
+import type { ISpec } from '@visactor/vchart';
+import type { IText } from '@visactor/vrender-core';
+import type { SeriesLabelAttrs, SeriesLabelData, SeriesLabelSpec } from './type';
+export declare function dodge(positions: number[], separation?: number, maxIter?: number, maxError?: number): number[];
+export declare function dodgeHorizontal(texts: IText[], separation?: number, maxIter?: number): void;
+export declare function getSeriesLabelConfig(position: 'start' | 'end' | 'both-ends', config: Pick<SeriesLabelAttrs, 'line' | 'label'>): {
+    type: string;
+    componentType: string;
+    interactive: boolean;
+    style: {
+        position: "start" | "end" | "both-ends";
+        layout: (datum: any, ctx: any) => any;
+        data: (datum: any, ctx: any) => SeriesLabelData[];
+        line: {
+            visible?: boolean;
+            autoVisible?: boolean;
+            style?: import("@visactor/vrender-core").ILineGraphicAttribute;
+        };
+        label: {
+            formatMethod?: (text: string, datum: any, context: any) => string;
+            style?: import("@visactor/vrender-core").ITextGraphicAttribute;
+            space: number;
+            styleMap?: {
+                [key: string]: {
+                    visible?: boolean;
+                    style?: import("@visactor/vrender-core").ITextGraphicAttribute;
+                    formatMethod?: (text: string, datum: any, context: any) => string;
+                };
+            };
+        };
+    };
+};
+export declare function appendSeriesLabelConfig(rawSpec: ISpec, seriesLabelSpec?: SeriesLabelSpec): void;