@visactor/vchart-extension 2.0.2 → 2.0.3-alpha.0

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

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.mapLabel = void 0;
+
+const getLabelSpec = () => ({
+    visible: !0,
+    style: {
+        textBaseline: "middle",
+        textAlign: "left",
+        fill: "black",
+        fontSize: 10
+    }
+});
+
+exports.mapLabel = {
+    visible: !0,
+    offset: 12,
+    position: "top",
+    space: 10,
+    nameLabel: {
+        visible: !0,
+        style: {
+            textBaseline: "middle",
+            textAlign: "left",
+            fill: "black",
+            fontSize: 10
+        }
+    },
+    valueLabel: {
+        visible: !0,
+        style: {
+            textBaseline: "middle",
+            textAlign: "left",
+            fill: "black",
+            fontSize: 10
+        }
+    },
+    background: {
+        visible: !0,
+        padding: {
+            top: 4,
+            bottom: 4,
+            left: 6,
+            right: 6
+        },
+        style: {
+            cornerRadius: 2,
+            lineWidth: 1,
+            fill: "white",
+            stroke: "grey"
+        }
+    },
+    leader: {
+        visible: !1,
+        style: {
+            lineWidth: 1,
+            stroke: "black"
+        }
+    }
+};
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/map-label/theme.ts"],"names":[],"mappings":";;;AAGA,MAAM,YAAY,GAAG,GAGnB,EAAE;IACF,OAAO;QACL,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,QAAQ,GAAuB;IAC1C,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,YAAY,EAAE;IACzB,UAAU,EAAE,YAAY,EAAE;IAC1B,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;QACjD,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,MAAM;SACf;KACF;IACD,MAAM,EAAE;QACN,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,OAAO;SAChB;KACF;CACF,CAAC","file":"theme.js","sourcesContent":["import type { IMapLabelStyleSpec } from './type';\nimport type { ITextMarkSpec } from '@visactor/vchart';\n\nconst getLabelSpec = (): {\n  visible?: boolean;\n  style?: ITextMarkSpec;\n} => {\n  return {\n    visible: true,\n    style: {\n      textBaseline: 'middle',\n      textAlign: 'left',\n      fill: 'black',\n      fontSize: 10\n    }\n  };\n};\n\nexport const mapLabel: IMapLabelStyleSpec = {\n  visible: true,\n  offset: 12,\n  position: 'top',\n  space: 10,\n  nameLabel: getLabelSpec(),\n  valueLabel: getLabelSpec(),\n  background: {\n    visible: true,\n    padding: { top: 4, bottom: 4, left: 6, right: 6 },\n    style: {\n      cornerRadius: 2,\n      lineWidth: 1,\n      fill: 'white',\n      stroke: 'grey'\n    }\n  },\n  leader: {\n    visible: false,\n    style: {\n      lineWidth: 1,\n      stroke: 'black'\n    }\n  }\n};\n"]}

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

@@ -0,0 +1,39 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IPadding, IOrientType, StringOrNumber } from '@visactor/vchart';
+import type { IPathMarkSpec, IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec } from '@visactor/vchart';
+export type LabelPosition = IOrientType | 'outer';
+export interface IMapLabelSpec extends IMapLabelStyleSpec {
+    seriesId: StringOrNumber;
+    nameField?: string;
+    valueField?: string;
+    trigger?: 'hover' | 'click' | 'none';
+}
+export type IMapLabelNodes = 'nameLabel' | 'valueLabel' | 'icon' | 'labelBackground' | 'container';
+export type MapLabelSceneNodeMap = Partial<Record<IMapLabelNodes, IGraphic>>;
+export interface IMapLabelStyleSpec {
+    visible?: boolean;
+    offset?: number;
+    space?: number;
+    position?: LabelPosition;
+    nameLabel?: {
+        visible?: boolean;
+        style?: ITextMarkSpec;
+    };
+    valueLabel?: {
+        visible?: boolean;
+        style?: ITextMarkSpec;
+    };
+    icon?: {
+        visible?: boolean;
+        style?: ISymbolMarkSpec;
+    };
+    background?: {
+        visible?: boolean;
+        padding?: IPadding;
+        style?: IRectMarkSpec;
+    };
+    leader?: {
+        visible?: boolean;
+        style?: IPathMarkSpec;
+    };
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/map-label/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IPadding, IOrientType, StringOrNumber } from '@visactor/vchart';\nimport type { IPathMarkSpec, IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec } from '@visactor/vchart';\n\nexport type LabelPosition = IOrientType | 'outer';\n\nexport interface IMapLabelSpec extends IMapLabelStyleSpec {\n  /** 关联的系列 id */\n  seriesId: StringOrNumber;\n  /** 名称文本的数据字段 */\n  nameField?: string;\n  /** 数值文本的数据字段 */\n  valueField?: string;\n  /**\n   * 交互触发类型\n   * @default 'none'\n   */\n  trigger?: 'hover' | 'click' | 'none';\n}\n\nexport type IMapLabelNodes = 'nameLabel' | 'valueLabel' | 'icon' | 'labelBackground' | 'container';\n\nexport type MapLabelSceneNodeMap = Partial<Record<IMapLabelNodes, IGraphic>>;\n\nexport interface IMapLabelStyleSpec {\n  /**\n   * 是否显示\n   * @default false\n   */\n  visible?: boolean;\n  /**\n   * 标签非 outer 位置下与标记点的间距\n   * @default 12\n   */\n  offset?: number;\n  /**\n   * icon 和 label之间的距离\n   * @default 10\n   */\n  space?: number;\n  /**\n   * 标签位置。支持 'left' | 'top' | 'right' | 'bottom' | 'outer'\n   * @default 'top'\n   */\n  position?: LabelPosition;\n  /** 名称文本样式设置 */\n  nameLabel?: {\n    visible?: boolean;\n    style?: ITextMarkSpec;\n  };\n  /** 数值文本样式设置 */\n  valueLabel?: {\n    visible?: boolean;\n    style?: ITextMarkSpec;\n  };\n  /** 图标样式设置 */\n  icon?: {\n    visible?: boolean;\n    style?: ISymbolMarkSpec;\n  };\n  /** 背景样式设置 */\n  background?: {\n    /** @default true */\n    visible?: boolean;\n    /** 背景框边距 */\n    padding?: IPadding;\n    style?: IRectMarkSpec;\n  };\n  /** 引导线样式设置 */\n  leader?: {\n    visible?: boolean;\n    style?: IPathMarkSpec;\n  };\n}\n"]}

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

@@ -0,0 +1 @@
+export declare const SERIES_BREAK = "seriesBreak";

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

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

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

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

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

@@ -0,0 +1,4 @@
+export { registerSeriesBreak, SeriesBreakComponent } from './series-break';
+export { getSeriesBreakConfig, appendSeriesBreakConfig } from './util';
+export * from './type';
+export * from './constant';

package/cjs/components/series-break/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.appendSeriesBreakConfig = exports.getSeriesBreakConfig = exports.SeriesBreakComponent = exports.registerSeriesBreak = void 0;
+
+var series_break_1 = require("./series-break");
+
+Object.defineProperty(exports, "registerSeriesBreak", {
+    enumerable: !0,
+    get: function() {
+        return series_break_1.registerSeriesBreak;
+    }
+}), Object.defineProperty(exports, "SeriesBreakComponent", {
+    enumerable: !0,
+    get: function() {
+        return series_break_1.SeriesBreakComponent;
+    }
+});
+
+var util_1 = require("./util");
+
+Object.defineProperty(exports, "getSeriesBreakConfig", {
+    enumerable: !0,
+    get: function() {
+        return util_1.getSeriesBreakConfig;
+    }
+}), Object.defineProperty(exports, "appendSeriesBreakConfig", {
+    enumerable: !0,
+    get: function() {
+        return util_1.appendSeriesBreakConfig;
+    }
+}), __exportStar(require("./type"), exports), __exportStar(require("./constant"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/series-break/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+CAA2E;AAAlE,mHAAA,mBAAmB,OAAA;AAAE,oHAAA,oBAAoB,OAAA;AAClD,+BAAuE;AAA9D,4GAAA,oBAAoB,OAAA;AAAE,+GAAA,uBAAuB,OAAA;AACtD,yCAAuB;AACvB,6CAA2B","file":"index.js","sourcesContent":["export { registerSeriesBreak, SeriesBreakComponent } from './series-break';\nexport { getSeriesBreakConfig, appendSeriesBreakConfig } from './util';\nexport * from './type';\nexport * from './constant';\n"]}

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

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

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

@@ -0,0 +1,118 @@
+"use strict";
+
+var __rest = this && this.__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;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerSeriesBreak = exports.SeriesBreakComponent = void 0;
+
+const vrender_components_1 = require("@visactor/vrender-components"), vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), constant_1 = require("./constant"), vchart_1 = require("@visactor/vchart");
+
+function generateZigzagPath(start, end, size, angle, isVertical = !1) {
+    const path = [], {x: startX, y: startY} = start, {x: endX, y: endY} = end, numZigzags = isVertical ? Math.floor((endY - startY) / (2 * size)) : Math.floor((endX - startX) / (2 * size)), angleRad = Math.PI / 180 * angle, deltaX = size * Math.cos(angleRad), deltaY = size * Math.sin(angleRad);
+    path.push(`M ${startX} ${startY}`);
+    for (let i = 0; i <= numZigzags; i++) {
+        const x = isVertical ? startX + (i % 2 == 0 ? deltaX : -deltaX) : startX + i * size * 2, y = isVertical ? startY + i * size * 2 : i % 2 == 0 ? startY - deltaY : startY + deltaY;
+        path.push(`L ${x} ${y}`);
+    }
+    return path.push(`L ${isVertical ? startX : endX} ${isVertical ? endY : startY}`), 
+    path.join(" ");
+}
+
+const checkOverlap = (prevData, newEntry) => {
+    const {start: start, end: end} = newEntry, isVertical = start.x === end.x, equalDim = isVertical ? "x" : "y", diffDim = isVertical ? "y" : "x";
+    let needAppend = !0;
+    prevData.length && prevData.forEach((prevEntry => {
+        if ((0, vutils_1.isNumberClose)(prevEntry.start[equalDim], start[equalDim])) {
+            const minDim = Math.min(start[diffDim], end[diffDim]), maxDim = Math.max(start[diffDim], end[diffDim]), prevMinDim = Math.min(prevEntry.start[diffDim], prevEntry.end[diffDim]), prevMaxDim = Math.max(prevEntry.start[diffDim], prevEntry.end[diffDim]);
+            if (!(maxDim < prevMinDim - 1e-6 || minDim > prevMaxDim + 1e-6)) return prevEntry.start[diffDim] = Math.min(prevMinDim, minDim), 
+            prevEntry.end[diffDim] = Math.max(prevMaxDim, maxDim), void (needAppend = !1);
+        }
+    })), needAppend && prevData.push(newEntry);
+};
+
+class SeriesBreakComponent extends vrender_components_1.AbstractComponent {
+    constructor() {
+        super(...arguments), this.name = constant_1.SERIES_BREAK;
+    }
+    render() {
+        this.removeAllChild();
+        const {data: data = []} = this.attribute;
+        if ((0, vutils_1.isEmpty)(data)) return;
+        const verticalData = [], horizontalData = [];
+        data.forEach((breakData => {
+            const {start: start, end: end} = breakData, isVertical = start.x === end.x;
+            checkOverlap(isVertical ? verticalData : horizontalData, breakData);
+        })), [ ...verticalData, ...horizontalData ].forEach(((breakData, id) => {
+            var _a;
+            const {start: start, end: end, size: size = 4, gap: gap = 5, style: style = {}} = breakData, rest = __rest(breakData, [ "start", "end", "size", "gap", "style" ]), breakGroup = (0, 
+            vrender_core_1.createGroup)({}), isVertical = start.x === end.x;
+            let startPathStart, startPathEnd, endPathStart, endPathEnd;
+            isVertical ? (startPathStart = {
+                x: start.x - gap / 2,
+                y: start.y
+            }, startPathEnd = {
+                x: end.x - gap / 2,
+                y: end.y
+            }, endPathStart = {
+                x: start.x + gap / 2,
+                y: start.y
+            }, endPathEnd = {
+                x: end.x + gap / 2,
+                y: end.y
+            }) : (startPathStart = {
+                x: start.x,
+                y: start.y - gap / 2
+            }, startPathEnd = {
+                x: end.x,
+                y: end.y - gap / 2
+            }, endPathStart = {
+                x: start.x,
+                y: start.y + gap / 2
+            }, endPathEnd = {
+                x: end.x,
+                y: end.y + gap / 2
+            });
+            const startPath = generateZigzagPath(startPathStart, startPathEnd, size, isVertical ? 75 : 15, isVertical), centerPath = generateZigzagPath(start, end, size, isVertical ? 75 : 15, isVertical), endPath = generateZigzagPath(endPathStart, endPathEnd, size, isVertical ? 75 : 15, isVertical);
+            breakGroup.add((0, vrender_core_1.createPath)(Object.assign(Object.assign({
+                path: startPath,
+                stroke: "#000",
+                lineWidth: 1
+            }, style), {
+                pickable: !1,
+                zIndex: 1
+            }))), breakGroup.add((0, vrender_core_1.createPath)(Object.assign(Object.assign({
+                path: endPath,
+                stroke: "#000",
+                lineWidth: 1
+            }, style), {
+                pickable: !1,
+                zIndex: 1
+            }))), breakGroup.add((0, vrender_core_1.createPath)({
+                path: centerPath,
+                stroke: "#fff",
+                lineWidth: gap,
+                pickable: !1,
+                zIndex: 0
+            })), breakGroup.name = "series-break", breakGroup.data = rest, (0, vutils_1.isValid)(rest.axisId) && (breakGroup.id = `${null !== (_a = rest.axisId) && void 0 !== _a ? _a : ""}_${id}`), 
+            this.add(breakGroup);
+        }));
+    }
+}
+
+exports.SeriesBreakComponent = SeriesBreakComponent;
+
+const registerSeriesBreak = () => {
+    vchart_1.Factory.registerGraphicComponent("seriesBreak", (attrs => new SeriesBreakComponent(attrs)));
+};
+
+exports.registerSeriesBreak = registerSeriesBreak;
+//# sourceMappingURL=series-break.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/series-break/series-break.ts"],"names":[],"mappings":"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","file":"series-break.js","sourcesContent":["/**\n * @description vchart 自定义组件，用于实现 bar、area、line 这些图形的截断图形生成\n * @author zhangweixing\n */\n\nimport { AbstractComponent, Point } from '@visactor/vrender-components';\nimport { SeriesBreakAttrs, SeriesBreakData } from './type';\nimport { createGroup, createPath, IGraphic } from '@visactor/vrender-core';\nimport { isEmpty, isNumberClose, isValid } from '@visactor/vutils';\nimport { SERIES_BREAK } from './constant';\nimport { Factory } from '@visactor/vchart';\n\n/**\n * 求锯齿的路径（一个锯齿由向上和向下的两个线段组成）\n * @param start 锯齿的起始点\n * @param end 锯齿的结束点\n * @param size 锯齿的高度\n * @param angle 锯齿的角度\n * @param gap 两条锯齿的间距\n * @param isVertical 是否垂直\n * @returns\n */\nfunction generateZigzagPath(start: Point, end: Point, size: number, angle: number, isVertical = false) {\n  const path = [];\n  const { x: startX, y: startY } = start;\n  const { x: endX, y: endY } = end;\n\n  // 计算锯齿的数量\n  const numZigzags = isVertical ? Math.floor((endY - startY) / (size * 2)) : Math.floor((endX - startX) / (size * 2));\n\n  // 计算倾斜角度的增量\n  const angleRad = (Math.PI / 180) * angle; // 转换为弧度\n  const deltaX = size * Math.cos(angleRad);\n  const deltaY = size * Math.sin(angleRad);\n\n  // 添加第一条锯齿的起始点\n  path.push(`M ${startX} ${startY}`);\n\n  for (let i = 0; i <= numZigzags; i++) {\n    const x = isVertical ? startX + (i % 2 === 0 ? deltaX : -deltaX) : startX + i * size * 2;\n    const y = isVertical ? startY + i * size * 2 : i % 2 === 0 ? startY - deltaY : startY + deltaY;\n    path.push(`L ${x} ${y}`);\n  }\n\n  // 添加第一条锯齿的结束点\n  path.push(`L ${isVertical ? startX : endX} ${isVertical ? endY : startY}`);\n\n  return path.join(' ');\n}\n\nconst checkOverlap = (prevData: SeriesBreakData[], newEntry: SeriesBreakData) => {\n  const { start, end } = newEntry;\n  const isVertical = start.x === end.x;\n  const equalDim = isVertical ? 'x' : 'y';\n  const diffDim = isVertical ? 'y' : 'x';\n  let needAppend = true;\n  const EPS = 1e-6;\n\n  if (prevData.length) {\n    prevData.forEach(prevEntry => {\n      if (isNumberClose(prevEntry.start[equalDim], start[equalDim])) {\n        // 判断是否有重叠，有重叠取交集\n        const minDim = Math.min(start[diffDim], end[diffDim]);\n        const maxDim = Math.max(start[diffDim], end[diffDim]);\n        const prevMinDim = Math.min(prevEntry.start[diffDim], prevEntry.end[diffDim]);\n        const prevMaxDim = Math.max(prevEntry.start[diffDim], prevEntry.end[diffDim]);\n        const hasOverlap = !(maxDim < prevMinDim - EPS || minDim > prevMaxDim + EPS);\n\n        if (hasOverlap) {\n          prevEntry.start[diffDim] = Math.min(prevMinDim, minDim);\n          prevEntry.end[diffDim] = Math.max(prevMaxDim, maxDim);\n          needAppend = false;\n          return;\n        }\n      }\n    });\n  }\n\n  if (needAppend) {\n    prevData.push(newEntry);\n  }\n};\n\nexport class SeriesBreakComponent extends AbstractComponent<Required<SeriesBreakAttrs>> {\n  name = SERIES_BREAK;\n  protected render() {\n    this.removeAllChild();\n    const { data = [] } = this.attribute as SeriesBreakAttrs;\n    if (isEmpty(data)) {\n      return;\n    }\n    // 去除重叠数据\n    const verticalData: SeriesBreakData[] = [];\n    const horizontalData: SeriesBreakData[] = [];\n\n    data.forEach(breakData => {\n      const { start, end } = breakData;\n      const isVertical = start.x === end.x;\n\n      checkOverlap(isVertical ? verticalData : horizontalData, breakData);\n    });\n\n    [...verticalData, ...horizontalData].forEach((breakData, id) => {\n      const { start, end, size = 4, gap = 5, style = {}, ...rest } = breakData;\n      const breakGroup = createGroup({});\n      const isVertical = start.x === end.x;\n\n      let startPathStart;\n      let startPathEnd;\n      let endPathStart;\n      let endPathEnd;\n      if (isVertical) {\n        startPathStart = {\n          x: start.x - gap / 2,\n          y: start.y\n        };\n        startPathEnd = {\n          x: end.x - gap / 2,\n          y: end.y\n        };\n        endPathStart = {\n          x: start.x + gap / 2,\n          y: start.y\n        };\n        endPathEnd = {\n          x: end.x + gap / 2,\n          y: end.y\n        };\n      } else {\n        startPathStart = {\n          x: start.x,\n          y: start.y - gap / 2\n        };\n        startPathEnd = {\n          x: end.x,\n          y: end.y - gap / 2\n        };\n        endPathStart = {\n          x: start.x,\n          y: start.y + gap / 2\n        };\n        endPathEnd = {\n          x: end.x,\n          y: end.y + gap / 2\n        };\n      }\n\n      const startPath = generateZigzagPath(startPathStart, startPathEnd, size, isVertical ? 75 : 15, isVertical);\n      const centerPath = generateZigzagPath(start, end, size, isVertical ? 75 : 15, isVertical);\n      const endPath = generateZigzagPath(endPathStart, endPathEnd, size, isVertical ? 75 : 15, isVertical);\n      breakGroup.add(\n        createPath({\n          path: startPath,\n          stroke: '#000',\n          lineWidth: 1,\n          ...style,\n          pickable: false,\n          zIndex: 1\n        })\n      );\n      breakGroup.add(\n        createPath({\n          path: endPath,\n          stroke: '#000',\n          lineWidth: 1,\n          ...style,\n          pickable: false,\n          zIndex: 1\n        })\n      );\n      breakGroup.add(\n        createPath({\n          path: centerPath,\n          stroke: '#fff',\n          lineWidth: gap,\n          pickable: false,\n          zIndex: 0\n        })\n      );\n\n      breakGroup.name = 'series-break';\n      breakGroup.data = rest;\n\n      if (isValid(rest.axisId)) {\n        breakGroup.id = `${rest.axisId ?? ''}_${id}`;\n      }\n\n      this.add(breakGroup);\n    });\n  }\n}\n\nexport const registerSeriesBreak = () => {\n  Factory.registerGraphicComponent(\n    'seriesBreak',\n    (attrs: Required<SeriesBreakAttrs>) => new SeriesBreakComponent(attrs) as unknown as IGraphic\n  );\n};\n"]}

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

@@ -0,0 +1,14 @@
+import { Point } from '@visactor/vrender-components';
+import { IGroupGraphicAttribute, ILineGraphicAttribute } from '@visactor/vrender-core';
+export type SeriesBreakData = {
+    start: Point;
+    end: Point;
+    size?: number;
+    gap?: number;
+    style?: ILineGraphicAttribute;
+    axisId: string;
+    data: [number, number];
+};
+export interface SeriesBreakAttrs extends IGroupGraphicAttribute {
+    data: SeriesBreakData[];
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/series-break/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import { Point } from '@visactor/vrender-components';\nimport { IGroupGraphicAttribute, ILineGraphicAttribute } from '@visactor/vrender-core';\n\nexport type SeriesBreakData = {\n  /**\n   * 起始点\n   */\n  start: Point;\n  /**\n   * 结束点\n   */\n  end: Point;\n  /**\n   * 锯齿的大小\n   * @default 4\n   */\n  size?: number;\n  /**\n   * 两条平行的锯齿的间距\n   * @default 5\n   */\n  gap?: number;\n  /**\n   * 截断样式\n   */\n  style?: ILineGraphicAttribute;\n  /**\n   * 轴截断关联的坐标轴 id\n   */\n  axisId: string;\n  /**\n   * 当前轴截断的数据范围\n   */\n  data: [number, number];\n};\n\nexport interface SeriesBreakAttrs extends IGroupGraphicAttribute {\n  data: SeriesBreakData[];\n}\n"]}

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

@@ -0,0 +1,13 @@
+import type { ILinearAxisSpec } from '@visactor/vchart/esm/component/axis';
+import type { ISpec } from '@visactor/vchart';
+import type { SeriesBreakData } from './type';
+export declare function getSeriesBreakConfig(axesSpec: ILinearAxisSpec[], axesIndex?: number[]): {
+    type: string;
+    componentType: string;
+    interactive: boolean;
+    zIndex: number;
+    style: {
+        data: (datum: any, ctx: any) => SeriesBreakData[];
+    };
+};
+export declare const appendSeriesBreakConfig: (rawSpec: ISpec) => boolean;

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").getGraphics().forEach((element => {
+                                    const elementBounds = element.AABBBounds;
+                                    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).getGraphics().forEach((graphicItem => {
+                                    getAreaOrLinePathPoints(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").getGraphics().forEach((graphicItem => {
+                                    getAreaOrLinePathPoints(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