@visactor/vchart 0.0.1-alpha.0

package/cjs/component/crosshair/config.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.defaultCrosshairTriggerEvent = exports.defaultCrossHairConfig = void 0;
+
+const common_1 = require("../../typings/spec/common");
+
+exports.defaultCrossHairConfig = {
+    trigger: "hover"
+}, exports.defaultCrosshairTriggerEvent = {
+    [common_1.RenderModeEnum["desktop-browser"]]: {
+        click: "pointertap",
+        hover: "pointermove",
+        hoverOut: "pointerleave",
+        clickOut: "pointerleave"
+    },
+    [common_1.RenderModeEnum["desktop-miniApp"]]: {
+        click: "pointertap",
+        hover: "pointermove",
+        hoverOut: "pointerleave",
+        clickOut: "pointerleave"
+    },
+    [common_1.RenderModeEnum["mobile-browser"]]: {
+        click: "tap",
+        hover: [ "pointerdown", "pointermove" ],
+        hoverOut: "pointerleave",
+        clickOut: "pointerleave"
+    },
+    [common_1.RenderModeEnum.miniApp]: {
+        click: "tap",
+        hover: [ "pointerdown", "pointermove" ],
+        hoverOut: "pointerleave",
+        clickOut: "pointerleave"
+    },
+    [common_1.RenderModeEnum.lynx]: {
+        click: "tap",
+        hover: [ "pointerdown", "pointermove" ],
+        hoverOut: "pointerleave",
+        clickOut: "pointerleave"
+    }
+};
+//# sourceMappingURL=config.js.map

package/cjs/component/crosshair/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/crosshair/config.ts"],"names":[],"mappings":";;;AAAA,sDAA2D;AAG9C,QAAA,sBAAsB,GAAyB;IAC1D,OAAO,EAAE,OAAO;CACjB,CAAC;AAEW,QAAA,4BAA4B,GAAG;IAC1C,CAAC,uBAAc,CAAC,iBAAiB,CAAC,CAAC,EAAE;QACnC,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,cAAc;KACzB;IACD,CAAC,uBAAc,CAAC,iBAAiB,CAAC,CAAC,EAAE;QACnC,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,cAAc;KACzB;IACD,CAAC,uBAAc,CAAC,gBAAgB,CAAC,CAAC,EAAE;QAClC,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC;QACrC,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,cAAc;KACzB;IACD,CAAC,uBAAc,CAAC,OAAO,CAAC,EAAE;QACxB,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC;QACrC,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,cAAc;KACzB;IACD,CAAC,uBAAc,CAAC,IAAI,CAAC,EAAE;QACrB,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC;QACrC,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,cAAc;KACzB;CACF,CAAC","file":"config.js","sourcesContent":["import { RenderModeEnum } from '../../typings/spec/common';\nimport type { ICommonCrosshairSpec } from './interface';\n\nexport const defaultCrossHairConfig: ICommonCrosshairSpec = {\n  trigger: 'hover'\n};\n\nexport const defaultCrosshairTriggerEvent = {\n  [RenderModeEnum['desktop-browser']]: {\n    click: 'pointertap',\n    hover: 'pointermove',\n    hoverOut: 'pointerleave',\n    clickOut: 'pointerleave'\n  },\n  [RenderModeEnum['desktop-miniApp']]: {\n    click: 'pointertap',\n    hover: 'pointermove',\n    hoverOut: 'pointerleave',\n    clickOut: 'pointerleave'\n  },\n  [RenderModeEnum['mobile-browser']]: {\n    click: 'tap',\n    hover: ['pointerdown', 'pointermove'],\n    hoverOut: 'pointerleave',\n    clickOut: 'pointerleave'\n  },\n  [RenderModeEnum.miniApp]: {\n    click: 'tap',\n    hover: ['pointerdown', 'pointermove'],\n    hoverOut: 'pointerleave',\n    clickOut: 'pointerleave'\n  },\n  [RenderModeEnum.lynx]: {\n    click: 'tap',\n    hover: ['pointerdown', 'pointermove'],\n    hoverOut: 'pointerleave',\n    clickOut: 'pointerleave'\n  }\n};\n"]}

package/cjs/component/crosshair/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cartesian';
+export * from './polar';

package/cjs/component/crosshair/index.js

@@ -0,0 +1,21 @@
+"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
+}), __exportStar(require("./cartesian"), exports), __exportStar(require("./polar"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/component/crosshair/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/crosshair/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,8CAA4B;AAE5B,0CAAwB","file":"index.js","sourcesContent":["// 直角坐标系下的 crosshair\nexport * from './cartesian';\n// 坐标系下的 crosshair\nexport * from './polar';\n"]}

package/cjs/component/crosshair/interface/index.d.ts

@@ -0,0 +1,2 @@
+export * from './spec';
+export * from './theme';

package/cjs/component/crosshair/interface/index.js

@@ -0,0 +1,21 @@
+"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
+}), __exportStar(require("./spec"), exports), __exportStar(require("./theme"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/component/crosshair/interface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/crosshair/interface/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0CAAwB","file":"index.js","sourcesContent":["export * from './spec';\nexport * from './theme';\n"]}

package/cjs/component/crosshair/interface/spec.d.ts

@@ -0,0 +1,65 @@
+import type { IModelSpec } from '../../../model/interface';
+import type { IPadding, StringOrNumber, ILineMarkSpec, IRectMarkSpec, ITextMarkSpec } from '../../../typings';
+import type { IComponent } from '../../interface';
+export type ICrossHair = IComponent;
+export type CrossHairTrigger = 'click' | 'hover' | ['click', 'hover'];
+export interface ICommonCrosshairSpec extends IModelSpec {
+    trigger?: CrossHairTrigger;
+    triggerOff?: CrossHairTrigger | 'none';
+    labelZIndex?: number;
+    gridZIndex?: number;
+}
+export interface ICartesianCrosshairSpec extends ICommonCrosshairSpec {
+    xField?: ICrosshairXFieldSpec;
+    yField?: ICrosshairXFieldSpec;
+}
+export interface IPolarCrosshairSpec extends ICommonCrosshairSpec {
+    categoryField?: ICrosshairXFieldSpec;
+    valueField?: ICrosshairValueFieldSpec;
+}
+export interface ICrosshairXFieldSpec extends ICrosshairDataBindSpec {
+    visible: boolean;
+    line?: ICrosshairLineSpec | ICrosshairRectSpec;
+    label?: ICrosshairLabelSpec;
+}
+export interface ICrosshairValueFieldSpec {
+    visible: boolean;
+    line?: ICrosshairLineSpec;
+    label?: ICrosshairLabelSpec;
+}
+export type ICrosshairLineStyle = Pick<ILineMarkSpec, 'stroke' | 'strokeOpacity' | 'opacity' | 'lineDash' | 'lineWidth'>;
+export type ICrosshairRectStyle = ICrosshairLineStyle & Pick<IRectMarkSpec, 'fill' | 'fillOpacity' | 'borderRadius'>;
+export interface ICrosshairLineSpec {
+    visible?: boolean;
+    type?: 'line';
+    width?: number;
+    smooth?: boolean;
+    style?: ICrosshairLineStyle;
+}
+export interface ICrosshairRectSpec {
+    visible?: boolean;
+    type?: 'rect';
+    width?: number | string;
+    style?: ICrosshairRectStyle;
+}
+export interface ICrosshairLabelSpec {
+    visible?: boolean;
+    formatMethod?: (text: StringOrNumber | string[]) => string | string[];
+    style?: Partial<ITextMarkSpec>;
+    labelBackground?: ICrosshairLabelBackgroundSpec;
+}
+export interface ICrosshairLabelBackgroundSpec {
+    visible?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    padding?: IPadding | number | number[];
+    style: Partial<IRectMarkSpec>;
+}
+export interface ICrosshairDataBindSpec {
+    bindingAxesIndex?: number[];
+    defaultSelect?: {
+        axisIndex: number;
+        datum: any;
+    };
+}
+export type ICrosshairSpec = ICartesianCrosshairSpec | IPolarCrosshairSpec;

package/cjs/component/crosshair/interface/spec.js

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

package/cjs/component/crosshair/interface/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/crosshair/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { IModelSpec } from '../../../model/interface';\nimport type { IPadding, StringOrNumber, ILineMarkSpec, IRectMarkSpec, ITextMarkSpec } from '../../../typings';\nimport type { IComponent } from '../../interface';\n\nexport type ICrossHair = IComponent;\n\nexport type CrossHairTrigger = 'click' | 'hover' | ['click', 'hover'];\n\nexport interface ICommonCrosshairSpec extends IModelSpec {\n  /**\n   * 是否可以通过 点击 固定住一组 crosshair，也可以同时触发。\n   * @default 'hover'\n   */\n  trigger?: CrossHairTrigger;\n  /**\n   * 隐藏crosshair的触发方式（目前仅支持和trigger一致的设置以及none）\n   */\n  triggerOff?: CrossHairTrigger | 'none';\n  /**\n   * crosshair 文本的显示层级\n   */\n  labelZIndex?: number;\n  /**\n   * crosshair 辅助图形的显示层级\n   */\n  gridZIndex?: number;\n}\n\nexport interface ICartesianCrosshairSpec extends ICommonCrosshairSpec {\n  /**\n   * 笛卡尔坐标系下 x 轴上 crosshair 配置\n   */\n  xField?: ICrosshairXFieldSpec;\n  /**\n   * 笛卡尔坐标系下 y 轴上 crosshair 配置\n   */\n  yField?: ICrosshairXFieldSpec;\n}\n\nexport interface IPolarCrosshairSpec extends ICommonCrosshairSpec {\n  /**\n   * 极坐标系下 categoryField 字段对应轴上的 crosshair 配置\n   */\n  categoryField?: ICrosshairXFieldSpec;\n  /**\n   * 极坐标系下 valueField 字段对应轴上的 crosshair 配置\n   */\n  valueField?: ICrosshairValueFieldSpec;\n}\nexport interface ICrosshairXFieldSpec extends ICrosshairDataBindSpec {\n  /**\n   * 是否可见\n   */\n  visible: boolean;\n  /**\n   * crosshair 辅助图形配置\n   */\n  line?: ICrosshairLineSpec | ICrosshairRectSpec;\n  /**\n   * crosshair 文本配置\n   */\n  label?: ICrosshairLabelSpec;\n}\n\nexport interface ICrosshairValueFieldSpec {\n  /**\n   * 是否可见\n   */\n  visible: boolean;\n  /**\n   * crosshair 辅助图形配置\n   */\n  line?: ICrosshairLineSpec;\n  /**\n   * crosshair 文本配置\n   */\n  label?: ICrosshairLabelSpec;\n}\n\nexport type ICrosshairLineStyle = Pick<\n  ILineMarkSpec,\n  'stroke' | 'strokeOpacity' | 'opacity' | 'lineDash' | 'lineWidth'\n>;\nexport type ICrosshairRectStyle = ICrosshairLineStyle & Pick<IRectMarkSpec, 'fill' | 'fillOpacity' | 'borderRadius'>;\n\nexport interface ICrosshairLineSpec {\n  visible?: boolean;\n  type?: 'line';\n  /**\n   * 线宽\n   * @default 2\n   */\n  width?: number;\n  /** 极坐标系下是否平滑 */\n  smooth?: boolean;\n  style?: ICrosshairLineStyle;\n}\n\nexport interface ICrosshairRectSpec {\n  visible?: boolean;\n  type?: 'rect';\n  /**\n   * 字符串xx%表示此处是内容区间的百分比，数字表示宽度像素\n   * @default '100%''\n   */\n  width?: number | string;\n  style?: ICrosshairRectStyle;\n}\n\nexport interface ICrosshairLabelSpec {\n  visible?: boolean;\n  /**\n   * label 文本格式化方法\n   * @param text\n   * @returns\n   */\n  formatMethod?: (text: StringOrNumber | string[]) => string | string[];\n  /**\n   * 文本样式配置\n   */\n  style?: Partial<ITextMarkSpec>;\n  /**\n   * 文本背景相关配置\n   */\n  labelBackground?: ICrosshairLabelBackgroundSpec;\n}\n\nexport interface ICrosshairLabelBackgroundSpec {\n  /**\n   * 是否显示背景，默认为 true\n   */\n  visible?: boolean;\n  /**\n   * 最小宽度，像素值\n   * @default 30\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * 内部边距\n   */\n  padding?: IPadding | number | number[];\n  style: Partial<IRectMarkSpec>;\n}\n\nexport interface ICrosshairDataBindSpec {\n  /**\n   * 声明 crosshair 绑定的轴索引，如果没有声明，则会默认绑定所有同 crosshair 位置相对应的轴。\n   */\n  bindingAxesIndex?: number[];\n  /**\n   * crosshair 初始化显示信息，通过该配置可在图表绘制时默认展示 crosshair 组件。\n   */\n  defaultSelect?: {\n    /**\n     * 声明要显示数据的轴索引\n     */\n    axisIndex: number;\n    /**\n     * 声明显示的数据\n     */\n    datum: any;\n  };\n}\n\nexport type ICrosshairSpec = ICartesianCrosshairSpec | IPolarCrosshairSpec;\n"]}

package/cjs/component/crosshair/interface/theme.d.ts

@@ -0,0 +1,9 @@
+import type { ICartesianCrosshairSpec, IPolarCrosshairSpec } from '.';
+export interface ICrosshairTheme {
+    xField?: ICartesianCrosshairSpec['xField'];
+    yField?: ICartesianCrosshairSpec['yField'];
+    categoryField?: IPolarCrosshairSpec['categoryField'];
+    valueField?: IPolarCrosshairSpec['valueField'];
+    labelZIndex?: number;
+    gridZIndex?: number;
+}

package/cjs/component/crosshair/interface/theme.js

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

package/cjs/component/crosshair/interface/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/crosshair/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { ICartesianCrosshairSpec, IPolarCrosshairSpec } from '.';\n\nexport interface ICrosshairTheme {\n  xField?: ICartesianCrosshairSpec['xField'];\n  yField?: ICartesianCrosshairSpec['yField'];\n  categoryField?: IPolarCrosshairSpec['categoryField'];\n  valueField?: IPolarCrosshairSpec['valueField'];\n  labelZIndex?: number;\n  gridZIndex?: number;\n}\n"]}

package/cjs/component/crosshair/polar.d.ts

@@ -0,0 +1,76 @@
+import type { IComponentOption } from '../interface';
+import { ComponentTypeEnum } from '../interface';
+import type { IPolarCrosshairSpec } from './interface';
+import type { IPolarAxis } from '../axis/polar/interface';
+import type { IPoint, StringOrNumber } from '../../typings';
+import type { IHair } from './base';
+import { BaseCrossHair } from './base';
+type IBound = {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+type IAxisInfo = Map<number, IBound & {
+    axis: IPolarAxis;
+}>;
+export declare class PolarCrossHair extends BaseCrossHair {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    currValueX: Map<number, {
+        v: StringOrNumber;
+        axis: IPolarAxis;
+        [key: string]: any;
+    }>;
+    currValueY: Map<number, {
+        v: StringOrNumber;
+        axis: IPolarAxis;
+        [key: string]: any;
+    }>;
+    xHair: IHair | undefined;
+    yHair: (IHair & {
+        smooth: boolean;
+    }) | undefined;
+    private _cacheXCrossHairInfo;
+    private _cacheYCrossHairInfo;
+    private _radiusCrosshair;
+    private _radiusLabelCrosshair;
+    private _angleCrosshair;
+    private _angleLabelCrosshair;
+    static createComponent(spec: any, options: IComponentOption): PolarCrossHair | PolarCrossHair[];
+    constructor(spec: IPolarCrosshairSpec, options: IComponentOption);
+    protected showDefaultCrosshair(): void;
+    protected hide(): void;
+    findAllAxisContains(relativeX: number, relativeY: number): {
+        xAxisMap: Map<number, {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        } & {
+            axis: IPolarAxis;
+        }>;
+        yAxisMap: Map<number, {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+        } & {
+            axis: IPolarAxis;
+        }>;
+    };
+    getAllAxisValues(axisMap: IAxisInfo, point: IPoint, currValue: Map<number, {
+        v: StringOrNumber;
+        axis: IPolarAxis;
+        [key: string]: any;
+    }>): boolean;
+    protected layoutCrosshair(relativeX: number, relativeY: number): void;
+    private layoutByValue;
+    private _layoutVertical;
+    private _layoutHorizontal;
+    protected parseFieldInfo(): void;
+    private _updateCrosshairLabel;
+    clear(): void;
+}
+export {};

package/cjs/component/crosshair/polar.js

@@ -0,0 +1,285 @@
+"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.PolarCrossHair = void 0;
+
+const util_1 = require("../../util"), interface_1 = require("../interface"), vscale_1 = require("@visactor/vscale"), vrender_components_1 = require("@visactor/vrender-components"), vrender_components_2 = require("@visactor/vrender-components"), base_1 = require("./base"), vutils_1 = require("@visactor/vutils"), math_1 = require("../../util/math"), util_2 = require("./util"), utils_1 = require("../axis/utils");
+
+var LayoutType;
+
+!function(LayoutType) {
+    LayoutType[LayoutType.ALL = 3] = "ALL", LayoutType[LayoutType.HORIZONTAL = 2] = "HORIZONTAL", 
+    LayoutType[LayoutType.VERTICAL = 1] = "VERTICAL", LayoutType[LayoutType.NONE = 0] = "NONE";
+}(LayoutType || (LayoutType = {}));
+
+class PolarCrossHair extends base_1.BaseCrossHair {
+    static createComponent(spec, options) {
+        const crosshairSpec = spec.crosshair || options.defaultSpec;
+        if ((0, util_1.isNil)(crosshairSpec)) return;
+        if (!(0, util_1.isArray)(crosshairSpec)) return crosshairSpec.categoryField || crosshairSpec.valueField ? new PolarCrossHair(crosshairSpec, Object.assign(Object.assign({}, options), {
+            specKey: "crosshair"
+        })) : void 0;
+        const components = [];
+        return crosshairSpec.forEach(((s, i) => {
+            (s.categoryField || s.valueField) && components.push(new PolarCrossHair(s, Object.assign(Object.assign({}, options), {
+                specIndex: i,
+                specKey: "crosshair"
+            })));
+        })), components;
+    }
+    constructor(spec, options) {
+        super(spec, Object.assign({}, options)), this.type = interface_1.ComponentTypeEnum.polarCrosshair, 
+        this.name = interface_1.ComponentTypeEnum.polarCrosshair, this.currValueX = new Map, 
+        this.currValueY = new Map;
+    }
+    showDefaultCrosshair() {
+        this.showDefault;
+    }
+    hide() {
+        this._radiusCrosshair && this._radiusCrosshair.hideAll(), this._radiusLabelCrosshair && this._radiusLabelCrosshair.hideAll(), 
+        this._angleCrosshair && this._angleCrosshair.hideAll(), this._angleLabelCrosshair && this._angleLabelCrosshair.hideAll();
+    }
+    findAllAxisContains(relativeX, relativeY) {
+        const xAxisMap = this._getAxisInfoByField("category"), yAxisMap = this._getAxisInfoByField("value");
+        return {
+            xAxisMap: this._filterAxisByPoint(xAxisMap, relativeX, relativeY),
+            yAxisMap: this._filterAxisByPoint(yAxisMap, relativeX, relativeY)
+        };
+    }
+    getAllAxisValues(axisMap, point, currValue) {
+        let discrete = !1;
+        return axisMap.forEach((item => {
+            (0, vscale_1.isDiscrete)(item.axis.getScale().type) && (discrete ? this.enable = !1 : discrete = !0);
+        })), !!this.enable && (axisMap.forEach(((item, id) => {
+            const axis = item.axis;
+            let value = axis.positionToData({
+                x: point.x - (item.axis.getLayoutStartPoint().x - this.getLayoutStartPoint().x),
+                y: point.y - (item.axis.getLayoutStartPoint().y - this.getLayoutStartPoint().y)
+            });
+            (0, vscale_1.isContinuous)(axis.getScale().type) && (0, util_1.isValidNumber)(+value) && (value = (+value).toFixed(2));
+            const center = {
+                x: axis.getCenter().x + this.getLayoutStartPoint().x,
+                y: axis.getCenter().y + this.getLayoutStartPoint().y
+            };
+            currValue.set(id, {
+                v: value,
+                axis: item.axis,
+                center: center,
+                innerRadius: axis.getInnerRadius(),
+                radius: axis.getOuterRadius(),
+                startAngle: axis.startAngle,
+                endAngle: axis.endAngle,
+                distance: vutils_1.PointService.distancePP(point, axis.getCenter()),
+                coord: axis.pointToCoord(point),
+                point: point
+            });
+        })), !0);
+    }
+    layoutCrosshair(relativeX, relativeY) {
+        const {xAxisMap: xAxisMap, yAxisMap: yAxisMap} = this.findAllAxisContains(relativeX, relativeY);
+        if (0 !== xAxisMap.size || 0 !== yAxisMap.size) this.currValueX.clear(), this.currValueY.clear(), 
+        xAxisMap && this.getAllAxisValues(xAxisMap, {
+            x: relativeX,
+            y: relativeY
+        }, this.currValueX), yAxisMap && this.getAllAxisValues(yAxisMap, {
+            x: relativeX,
+            y: relativeY
+        }, this.currValueY), this.layoutByValue(LayoutType.ALL); else {
+            if (this.enableRemain) return;
+            this.hide();
+        }
+    }
+    layoutByValue(tag) {
+        var _a, _b, _c, _d;
+        if (!this.enable) return;
+        const series = this.firstSeries();
+        if (!series) return;
+        let xCrossHairInfo = {
+            x: 0,
+            y: 0,
+            center: {
+                x: 0,
+                y: 0
+            },
+            radius: 0,
+            distance: 0,
+            startAngle: 0,
+            endAngle: 0,
+            innerRadius: 0,
+            visible: !1,
+            label: {
+                visible: !1,
+                text: "",
+                offset: 0
+            }
+        }, yCrossHairInfo = {
+            x: 0,
+            y: 0,
+            center: {
+                x: 0,
+                y: 0
+            },
+            radius: 0,
+            distance: 0,
+            startAngle: 0,
+            endAngle: 0,
+            innerRadius: 0,
+            visible: !1,
+            sides: series.angleAxisHelper.getScale(0).ticks().length,
+            label: {
+                visible: !1,
+                text: "",
+                offset: 0
+            }
+        };
+        if (this.xHair) {
+            xCrossHairInfo.visible = !!this.currValueX.size;
+            const bandWidth = series.angleAxisHelper.getBandwidth(0);
+            this.currValueX.forEach((_a => {
+                var _b, {axis: axis, v: v, coord: coord} = _a, rest = __rest(_a, [ "axis", "v", "coord" ]);
+                v = null != v ? v : "", (0, util_1.merge)(xCrossHairInfo, rest);
+                const angle = series.angleAxisHelper.dataToPosition([ v ]);
+                xCrossHairInfo.angle = angle, (null === (_b = this.xHair.label) || void 0 === _b ? void 0 : _b.visible) && (xCrossHairInfo.label.visible = !0, 
+                xCrossHairInfo.label.text = v, xCrossHairInfo.label.offset = (0, utils_1.getAxisLabelOffset)(axis.getSpec())), 
+                xCrossHairInfo.startAngle = angle - bandWidth / 2, xCrossHairInfo.endAngle = angle + bandWidth / 2;
+            }));
+        }
+        if (this.yHair && (yCrossHairInfo.visible = !!this.currValueY.size, this.currValueY.forEach((_a => {
+            var _b, {axis: axis, v: v, coord: coord} = _a, rest = __rest(_a, [ "axis", "v", "coord" ]);
+            v = null != v ? v : "", (null === (_b = this.yHair.label) || void 0 === _b ? void 0 : _b.visible) && (yCrossHairInfo.label.visible = !0, 
+            yCrossHairInfo.label.text = v, yCrossHairInfo.label.offset = (0, utils_1.getAxisLabelOffset)(axis.getSpec())), 
+            yCrossHairInfo.angle = coord.angle, yCrossHairInfo.axis = axis, (0, util_1.merge)(yCrossHairInfo, rest);
+        }))), this.enableRemain && !xCrossHairInfo.visible && (0, util_1.isValid)(this._cacheXCrossHairInfo)) xCrossHairInfo = this._cacheXCrossHairInfo; else if ((null === (_b = null === (_a = this.xHair) || void 0 === _a ? void 0 : _a.label) || void 0 === _b ? void 0 : _b.formatMethod) && xCrossHairInfo.label.visible) {
+            const {label: label} = xCrossHairInfo;
+            label.text = this.xHair.label.formatMethod(label.text, "angle");
+        }
+        if (this.enableRemain && !yCrossHairInfo.visible && (0, util_1.isValid)(this._cacheYCrossHairInfo)) yCrossHairInfo = this._cacheYCrossHairInfo; else if ((null === (_d = null === (_c = this.yHair) || void 0 === _c ? void 0 : _c.label) || void 0 === _d ? void 0 : _d.formatMethod) && yCrossHairInfo.label.visible) {
+            const {label: label} = yCrossHairInfo;
+            label.text = this.yHair.label.formatMethod(label.text, "radius");
+        }
+        tag && (LayoutType.HORIZONTAL && this._layoutHorizontal(yCrossHairInfo), LayoutType.VERTICAL && this._layoutVertical(xCrossHairInfo)), 
+        this.enableRemain && (this._cacheXCrossHairInfo = Object.assign(Object.assign({}, xCrossHairInfo), {
+            _isCache: !0
+        }), this._cacheYCrossHairInfo = Object.assign(Object.assign({}, yCrossHairInfo), {
+            _isCache: !0
+        }));
+    }
+    _layoutVertical(crosshairInfo) {
+        var _a;
+        if (crosshairInfo._isCache && this.enableRemain) return;
+        const container = this.getContainer(), {angle: angle, innerRadius: innerRadius, radius: radius, label: label, startAngle: startAngle, endAngle: endAngle, center: center, visible: visible} = crosshairInfo;
+        if (visible) {
+            const crosshairType = "rect" === this.xHair.type ? "sector" : "line";
+            let positionAttrs;
+            if (positionAttrs = "sector" === crosshairType ? {
+                center: center,
+                innerRadius: innerRadius,
+                radius: radius,
+                startAngle: startAngle,
+                endAngle: endAngle
+            } : {
+                start: (0, vutils_1.polarToCartesian)(center, innerRadius, angle),
+                end: (0, vutils_1.polarToCartesian)(center, radius, angle)
+            }, this._angleCrosshair) this._angleCrosshair.setAttributes(positionAttrs); else {
+                let crosshair;
+                "line" === crosshairType ? crosshair = new vrender_components_2.LineCrosshair(Object.assign(Object.assign({}, positionAttrs), {
+                    lineStyle: this.xHair.style,
+                    zIndex: this.gridZIndex
+                })) : "sector" === crosshairType && (crosshair = new vrender_components_2.SectorCrosshair(Object.assign(Object.assign({}, positionAttrs), {
+                    sectorStyle: this.xHair.style,
+                    zIndex: this.gridZIndex
+                }))), this._angleCrosshair = crosshair, container.add(crosshair);
+            }
+            if (label.visible) {
+                const orient = (0, math_1.angleLabelOrientAttribute)(angle), labelAttrs = Object.assign(Object.assign(Object.assign(Object.assign({}, (0, 
+                vutils_1.polarToCartesian)(center, radius + label.offset, angle)), this.xHair.label), label), {
+                    textStyle: Object.assign(Object.assign({}, null === (_a = this.xHair.label) || void 0 === _a ? void 0 : _a.textStyle), {
+                        textAlign: orient.align,
+                        textBaseline: orient.baseline
+                    }),
+                    zIndex: this.labelZIndex
+                });
+                this._updateCrosshairLabel(this._angleLabelCrosshair, labelAttrs, (label => {
+                    label.name = "crosshair-angle-label", this._angleLabelCrosshair = label;
+                }));
+            } else this._angleLabelCrosshair && this._angleLabelCrosshair.hideAll();
+        }
+    }
+    _layoutHorizontal(crosshairInfo) {
+        var _a;
+        if (crosshairInfo._isCache && this.enableRemain) return;
+        const {center: center, startAngle: startAngle, endAngle: endAngle, distance: distance, sides: sides, axis: axis, label: label, point: point, radius: radius, innerRadius: innerRadius, visible: visible} = crosshairInfo, container = this.getContainer();
+        if (visible) {
+            const crosshairType = this.yHair.smooth ? "circle" : "polygon";
+            let polygonRadius = distance;
+            if ("polygon" === crosshairType) {
+                const axisCenter = axis.getCenter(), curAngle = (0, vutils_1.getAngleByPoint)(axisCenter, point), stepAngle = (endAngle - startAngle) / sides, index = Math.floor((curAngle - startAngle) / stepAngle), preAngle = index * stepAngle + startAngle, nextAngle = Math.min((index + 1) * stepAngle + startAngle, endAngle), prePoint = (0, 
+                vutils_1.polarToCartesian)(axisCenter, distance, preAngle), nextPoint = (0, vutils_1.polarToCartesian)(axisCenter, distance, nextAngle), insertPoint = (0, 
+                vutils_1.getIntersectPoint)([ nextPoint.x, nextPoint.y ], [ prePoint.x, prePoint.y ], [ axisCenter.x, axisCenter.y ], [ point.x, point.y ]);
+                insertPoint && (polygonRadius = (0, util_1.clamp)(vutils_1.PointService.distancePN(point, insertPoint[0], insertPoint[1]) + distance, innerRadius, radius));
+            }
+            const positionAttrs = {
+                center: center,
+                startAngle: startAngle,
+                endAngle: endAngle,
+                radius: polygonRadius,
+                sides: sides
+            };
+            if (this._radiusCrosshair) this._radiusCrosshair.setAttributes(positionAttrs); else {
+                let crosshair;
+                crosshair = "polygon" === crosshairType ? new vrender_components_2.PolygonCrosshair(Object.assign(Object.assign({}, positionAttrs), {
+                    lineStyle: this.yHair.style,
+                    zIndex: this.gridZIndex
+                })) : new vrender_components_2.CircleCrosshair(Object.assign(Object.assign({}, positionAttrs), {
+                    lineStyle: this.yHair.style,
+                    zIndex: this.gridZIndex
+                })), this._radiusCrosshair = crosshair, container.add(crosshair);
+            }
+            if (label.visible) {
+                const orient = (0, math_1.radiusLabelOrientAttribute)(startAngle), labelAttrs = Object.assign(Object.assign(Object.assign(Object.assign({}, (0, 
+                vutils_1.polarToCartesian)(center, polygonRadius, startAngle)), this.yHair.label), label), {
+                    textStyle: Object.assign(Object.assign({}, null === (_a = this.yHair.label) || void 0 === _a ? void 0 : _a.textStyle), {
+                        textAlign: orient.align,
+                        textBaseline: orient.baseline
+                    }),
+                    zIndex: this.labelZIndex
+                });
+                this._updateCrosshairLabel(this._radiusLabelCrosshair, labelAttrs, (label => {
+                    label.name = "crosshair-radius-label", this._radiusLabelCrosshair = label;
+                }));
+            } else this._radiusLabelCrosshair && this._radiusLabelCrosshair.hideAll();
+        }
+    }
+    parseFieldInfo() {
+        var _a;
+        const {categoryField: categoryField, valueField: valueField} = this.crosshairConfig;
+        categoryField && categoryField.visible && (this.xHair = this._parseField(categoryField, "categoryField")), 
+        valueField && valueField.visible && (this.yHair = this._parseField(valueField, "valueField"), 
+        this.yHair.smooth = null === (_a = null == valueField ? void 0 : valueField.line) || void 0 === _a ? void 0 : _a.smooth);
+    }
+    _updateCrosshairLabel(label, labelAttrs, callback) {
+        const container = this.getContainer();
+        label ? label.setAttributes(labelAttrs) : (label = new vrender_components_1.Tag(labelAttrs), 
+        container.add(label), callback(label)), (0, util_2.limitTagInBounds)(label, this.getLimitBounds());
+    }
+    clear() {
+        [ (this._radiusCrosshair, this._radiusLabelCrosshair, this._angleCrosshair, this._angleLabelCrosshair) ].forEach((c => {
+            var _a;
+            c && (null === (_a = this._container) || void 0 === _a || _a.removeChild(c), c = null);
+        })), super.clear();
+    }
+}
+
+exports.PolarCrossHair = PolarCrossHair, PolarCrossHair.type = interface_1.ComponentTypeEnum.polarCrosshair;
+//# sourceMappingURL=polar.js.map