@visactor/vchart 0.0.1-alpha.0

package/esm/series/progress/linear/linear.js

@@ -0,0 +1,154 @@
+import { CartesianSeries } from "../../cartesian/cartesian";
+
+import { SeriesTypeEnum } from "../../interface";
+
+import { MarkTypeEnum } from "../../../mark/interface";
+
+import { valueInScaleRange } from "../../../util";
+
+import { AttributeLevel } from "../../../constant";
+
+import { animationConfig, userAnimationConfig } from "../../../animation/utils";
+
+import { DEFAULT_MARK_ANIMATION } from "../../../animation/config";
+
+import { LinearProgressSeriesTooltipHelper } from "./tooltip-helper";
+
+export class LinearProgressSeries extends CartesianSeries {
+    constructor() {
+        super(...arguments), this.type = SeriesTypeEnum.linearProgress, this._progressMark = null, 
+        this._trackMark = null, this._progressGroupMark = null;
+    }
+    initMark() {
+        this.initProgressGroupMark(), this.initTrackMark(), this.initProgressMark();
+    }
+    initMarkStyle() {
+        this.initProgressGroupMarkStyle(), this.initTrackMarkStyle(), this.initProgressMarkStyle();
+    }
+    initProgressMark() {
+        return this._progressMark = this._createMark(MarkTypeEnum.rect, "progress", {
+            isSeriesMark: !0,
+            parent: this._progressGroupMark
+        }), this._progressMark;
+    }
+    initProgressMarkStyle() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        const progressMark = this._progressMark;
+        if (progressMark) {
+            if ("vertical" === this._spec.direction) {
+                const leftPadding = null !== (_b = null === (_a = this._spec.progress) || void 0 === _a ? void 0 : _a.leftPadding) && void 0 !== _b ? _b : 0, rightPadding = null !== (_d = null === (_c = this._spec.progress) || void 0 === _c ? void 0 : _c.rightPadding) && void 0 !== _d ? _d : 0;
+                this.setMarkStyle(progressMark, {
+                    x: leftPadding,
+                    y: datum => {
+                        var _a, _b;
+                        return valueInScaleRange(this.dataToPositionY(datum), null === (_b = null === (_a = this._yAxisHelper) || void 0 === _a ? void 0 : _a.getScale) || void 0 === _b ? void 0 : _b.call(_a, 0));
+                    },
+                    height: () => {
+                        var _a;
+                        return null === (_a = this._yAxisHelper) || void 0 === _a ? void 0 : _a.dataToPosition([ 0 ], {
+                            bandPosition: this._bandPosition
+                        });
+                    },
+                    width: this._spec.bandWidth - leftPadding - rightPadding,
+                    cornerRadius: this._spec.cornerRadius,
+                    fill: this.getColorAttribute(),
+                    fillOpacity: null !== (_g = null === (_f = null === (_e = this._spec.progress) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.fillOpacity) && void 0 !== _g ? _g : 1
+                });
+            } else {
+                const topPadding = null !== (_j = null === (_h = this._spec.progress) || void 0 === _h ? void 0 : _h.topPadding) && void 0 !== _j ? _j : 0, bottomPadding = null !== (_l = null === (_k = this._spec.progress) || void 0 === _k ? void 0 : _k.bottomPadding) && void 0 !== _l ? _l : 0;
+                this.setMarkStyle(progressMark, {
+                    x: datum => {
+                        var _a, _b;
+                        return valueInScaleRange(this.dataToPositionX(datum), null === (_b = null === (_a = this._xAxisHelper) || void 0 === _a ? void 0 : _a.getScale) || void 0 === _b ? void 0 : _b.call(_a, 0)) - this._xAxisHelper.dataToPosition([ 1 ], {
+                            bandPosition: this._bandPosition
+                        });
+                    },
+                    y: topPadding,
+                    height: this._spec.bandWidth - topPadding - bottomPadding,
+                    width: () => {
+                        var _a;
+                        return null === (_a = this._xAxisHelper) || void 0 === _a ? void 0 : _a.dataToPosition([ 1 ], {
+                            bandPosition: this._bandPosition
+                        });
+                    },
+                    cornerRadius: this._spec.cornerRadius,
+                    fill: this.getColorAttribute(),
+                    fillOpacity: null !== (_p = null === (_o = null === (_m = this._spec.progress) || void 0 === _m ? void 0 : _m.style) || void 0 === _o ? void 0 : _o.fillOpacity) && void 0 !== _p ? _p : 1
+                });
+            }
+            this._trigger.registerMark(progressMark), null === (_q = this._tooltipHelper) || void 0 === _q || _q.activeTriggerSet.mark.add(progressMark);
+        }
+    }
+    initTrackMark() {
+        return this._trackMark = this._createMark(MarkTypeEnum.rect, "track", {
+            parent: this._progressGroupMark
+        }), this._trackMark;
+    }
+    initTrackMarkStyle() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const trackMark = this._trackMark;
+        trackMark && ("vertical" === this._spec.direction ? this.setMarkStyle(trackMark, {
+            x: 0,
+            y: 0,
+            width: this._spec.bandWidth,
+            height: () => this._scaleY.range()[0],
+            cornerRadius: this._spec.cornerRadius,
+            fill: null === (_b = null === (_a = this._spec.track) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill,
+            fillOpacity: null !== (_e = null === (_d = null === (_c = this._spec.progress) || void 0 === _c ? void 0 : _c.style) || void 0 === _d ? void 0 : _d.fillOpacity) && void 0 !== _e ? _e : 1
+        }) : this.setMarkStyle(trackMark, {
+            x: 0,
+            y: 0,
+            height: this._spec.bandWidth,
+            width: () => this._scaleX.range()[1],
+            cornerRadius: this._spec.cornerRadius,
+            fill: null === (_g = null === (_f = this._spec.track) || void 0 === _f ? void 0 : _f.style) || void 0 === _g ? void 0 : _g.fill,
+            fillOpacity: null === (_j = null === (_h = this._spec.track) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.fillOpacity
+        }), this._trigger.registerMark(trackMark), null === (_k = this._tooltipHelper) || void 0 === _k || _k.activeTriggerSet.mark.add(trackMark));
+    }
+    initProgressGroupMark() {
+        return this._progressGroupMark = this._createMark(MarkTypeEnum.group, "group"), 
+        this._progressGroupMark;
+    }
+    initProgressGroupMarkStyle() {
+        var _a;
+        const groupMark = this._progressGroupMark;
+        if (groupMark) {
+            const datum = null === (_a = this._rawData) || void 0 === _a ? void 0 : _a.rawData[0];
+            groupMark.setZIndex(this.layoutZIndex), groupMark.created(), "vertical" === this._spec.direction ? this.setMarkStyle(groupMark, {
+                x: () => {
+                    var _a, _b;
+                    return valueInScaleRange(this.dataToPositionX(datum), null === (_b = null === (_a = this._xAxisHelper) || void 0 === _a ? void 0 : _a.getScale) || void 0 === _b ? void 0 : _b.call(_a, 0)) - this._spec.bandWidth / 2;
+                },
+                y: 0,
+                height: () => this._scaleY.range()[0],
+                width: this._spec.bandWidth,
+                clip: !0,
+                cornerRadius: this._spec.cornerRadius
+            }, "normal", AttributeLevel.Series) : this.setMarkStyle(groupMark, {
+                x: 0,
+                y: () => {
+                    var _a, _b;
+                    return valueInScaleRange(this.dataToPositionY(datum), null === (_b = null === (_a = this._yAxisHelper) || void 0 === _a ? void 0 : _a.getScale) || void 0 === _b ? void 0 : _b.call(_a, 0)) - this._spec.bandWidth / 2;
+                },
+                height: this._spec.bandWidth,
+                width: () => this._scaleX.range()[1],
+                clip: !0,
+                cornerRadius: this._spec.cornerRadius
+            }, "normal", AttributeLevel.Series), this._progressGroupMark.setInteractive(!1);
+        }
+    }
+    initAnimation() {
+        var _a, _b;
+        const animationParams = {
+            direction: this.direction
+        }, appearPreset = null === (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.animationAppear) || void 0 === _b ? void 0 : _b.preset;
+        this._progressMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.linearProgress(animationParams, appearPreset), userAnimationConfig("progress", this._spec))), 
+        this._trackMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.progressBackground(), userAnimationConfig("track", this._spec)));
+    }
+    initTooltip() {
+        this._tooltipHelper = new LinearProgressSeriesTooltipHelper(this);
+    }
+}
+
+LinearProgressSeries.type = SeriesTypeEnum.linearProgress;
+//# sourceMappingURL=linear.js.map

package/esm/series/progress/linear/linear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/progress/linear/linear.ts"],"names":[],"mappings":"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","file":"linear.js","sourcesContent":["import { CartesianSeries } from '../../cartesian/cartesian';\nimport { SeriesTypeEnum } from '../../interface';\nimport type { IRectMark } from '../../../mark/rect';\nimport type { IGroupMark } from '../../../mark/group';\nimport { MarkTypeEnum } from '../../../mark/interface';\nimport { valueInScaleRange } from '../../../util';\nimport { AttributeLevel } from '../../../constant';\nimport type { Datum, Maybe } from '../../../typings';\nimport { animationConfig, userAnimationConfig } from '../../../animation/utils';\nimport { DEFAULT_MARK_ANIMATION } from '../../../animation/config';\nimport type { ILinearProgressAnimationParams, LinearProgressAppearPreset } from './animation';\nimport type { ILinearProgressSeriesSpec, ILinearProgressSeriesTheme } from './interface';\nimport { LinearProgressSeriesTooltipHelper } from './tooltip-helper';\nimport type { IStateAnimateSpec } from '../../../animation/spec';\n\nexport class LinearProgressSeries extends CartesianSeries<ILinearProgressSeriesSpec> {\n  static readonly type: string = SeriesTypeEnum.linearProgress;\n  type = SeriesTypeEnum.linearProgress;\n\n  protected declare _theme: Maybe<ILinearProgressSeriesTheme>;\n\n  private _progressMark: IRectMark | null = null;\n  private _trackMark: IRectMark | null = null;\n  private _progressGroupMark: IGroupMark | null = null;\n\n  /**\n   * 为了解决在圆角情况下，在数值较小时，rect绘图效果不好的问题\n   * 1. trackMark的所有样式设置在groupMark上，定位也依靠这个groupMark\n   * 2. progressMark长度固定为整个进度条长度，通过x的偏移体现当前进度\n   *\n   * 为了解决在配置tooltip时，trackMark设置为GroupMark无法绑定数据的问题，\n   * 1. 原本的设置为groupMark的trackMark更名为GroupMark。用来保证在clip效果下progressMark小数据值的绘图效果。\n   * 1. 增加一层设置为rectMark的trackMark，形状大小与GroupMark相同\n   */\n  initMark(): void {\n    this.initProgressGroupMark();\n    this.initTrackMark();\n    this.initProgressMark();\n  }\n\n  initMarkStyle(): void {\n    this.initProgressGroupMarkStyle();\n    this.initTrackMarkStyle();\n    this.initProgressMarkStyle();\n  }\n\n  private initProgressMark() {\n    this._progressMark = this._createMark(MarkTypeEnum.rect, 'progress', {\n      isSeriesMark: true,\n      parent: this._progressGroupMark\n    }) as IRectMark;\n    return this._progressMark;\n  }\n\n  private initProgressMarkStyle() {\n    const progressMark = this._progressMark;\n    if (progressMark) {\n      if (this._spec.direction === 'vertical') {\n        const leftPadding = this._spec.progress?.leftPadding ?? 0;\n        const rightPadding = this._spec.progress?.rightPadding ?? 0;\n\n        this.setMarkStyle(progressMark, {\n          x: leftPadding,\n          y: (datum: Datum) => valueInScaleRange(this.dataToPositionY(datum), this._yAxisHelper?.getScale?.(0)),\n          height: () => this._yAxisHelper?.dataToPosition([0], { bandPosition: this._bandPosition }),\n          width: this._spec.bandWidth - leftPadding - rightPadding,\n          cornerRadius: this._spec.cornerRadius,\n          fill: this.getColorAttribute(),\n          fillOpacity: this._spec.progress?.style?.fillOpacity ?? 1\n        });\n      } else {\n        const topPadding = this._spec.progress?.topPadding ?? 0;\n        const bottomPadding = this._spec.progress?.bottomPadding ?? 0;\n\n        this.setMarkStyle(progressMark, {\n          x: (datum: Datum) =>\n            valueInScaleRange(this.dataToPositionX(datum), this._xAxisHelper?.getScale?.(0)) -\n            this._xAxisHelper.dataToPosition([1], { bandPosition: this._bandPosition }),\n          y: topPadding,\n          height: this._spec.bandWidth - topPadding - bottomPadding,\n          width: () => this._xAxisHelper?.dataToPosition([1], { bandPosition: this._bandPosition }),\n          cornerRadius: this._spec.cornerRadius,\n          fill: this.getColorAttribute(),\n          fillOpacity: this._spec.progress?.style?.fillOpacity ?? 1\n        });\n      }\n      this._trigger.registerMark(progressMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(progressMark);\n    }\n  }\n\n  private initTrackMark() {\n    this._trackMark = this._createMark(MarkTypeEnum.rect, 'track', {\n      parent: this._progressGroupMark\n    }) as IRectMark;\n    return this._trackMark;\n  }\n\n  private initTrackMarkStyle() {\n    const trackMark = this._trackMark;\n    if (trackMark) {\n      if (this._spec.direction === 'vertical') {\n        this.setMarkStyle(trackMark, {\n          x: 0,\n          y: 0,\n          width: this._spec.bandWidth,\n          height: () => this._scaleY.range()[0],\n          cornerRadius: this._spec.cornerRadius,\n          fill: this._spec.track?.style?.fill,\n          fillOpacity: this._spec.progress?.style?.fillOpacity ?? 1\n        });\n      } else {\n        this.setMarkStyle(trackMark, {\n          x: 0,\n          y: 0,\n          height: this._spec.bandWidth,\n          width: () => this._scaleX.range()[1],\n          cornerRadius: this._spec.cornerRadius,\n          fill: this._spec.track?.style?.fill,\n          fillOpacity: this._spec.track?.style?.fillOpacity\n        });\n      }\n      this._trigger.registerMark(trackMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(trackMark);\n    }\n  }\n\n  private initProgressGroupMark() {\n    this._progressGroupMark = this._createMark(MarkTypeEnum.group, 'group') as IGroupMark;\n    return this._progressGroupMark;\n  }\n\n  private initProgressGroupMarkStyle() {\n    const groupMark = this._progressGroupMark;\n    if (groupMark) {\n      const datum = this._rawData?.rawData[0];\n      groupMark.setZIndex(this.layoutZIndex);\n      groupMark.created();\n      if (this._spec.direction === 'vertical') {\n        this.setMarkStyle(\n          groupMark,\n          {\n            x: () =>\n              valueInScaleRange(this.dataToPositionX(datum), this._xAxisHelper?.getScale?.(0)) -\n              this._spec.bandWidth / 2,\n            y: 0,\n            height: () => this._scaleY.range()[0],\n            width: this._spec.bandWidth,\n            clip: true,\n            cornerRadius: this._spec.cornerRadius\n          },\n          'normal',\n          AttributeLevel.Series\n        );\n      } else {\n        this.setMarkStyle(\n          groupMark,\n          {\n            x: 0,\n            y: () =>\n              valueInScaleRange(this.dataToPositionY(datum), this._yAxisHelper?.getScale?.(0)) -\n              this._spec.bandWidth / 2,\n            height: this._spec.bandWidth,\n            width: () => this._scaleX.range()[1],\n            clip: true,\n            cornerRadius: this._spec.cornerRadius\n          },\n          'normal',\n          AttributeLevel.Series\n        );\n      }\n\n      this._progressGroupMark.setInteractive(false);\n    }\n  }\n\n  initAnimation() {\n    const animationParams: ILinearProgressAnimationParams = {\n      direction: this.direction\n    };\n\n    const appearPreset = (this._spec?.animationAppear as IStateAnimateSpec<LinearProgressAppearPreset>)?.preset;\n\n    this._progressMark.setAnimationConfig(\n      animationConfig(\n        DEFAULT_MARK_ANIMATION.linearProgress(animationParams, appearPreset),\n        userAnimationConfig('progress', this._spec)\n      )\n    );\n\n    this._trackMark.setAnimationConfig(\n      animationConfig(DEFAULT_MARK_ANIMATION.progressBackground(), userAnimationConfig('track', this._spec))\n    );\n  }\n\n  protected initTooltip() {\n    this._tooltipHelper = new LinearProgressSeriesTooltipHelper(this);\n  }\n}\n"]}

package/esm/series/progress/linear/tooltip-helper.d.ts

@@ -0,0 +1,7 @@
+import { BaseSeriesTooltipHelper } from '../../base/tooltip-helper';
+import type { ISeriesTooltipHelper } from '../../interface';
+import type { ITooltipPattern, TooltipActiveType } from '../../../typings';
+import type { IDimensionInfo } from '../../../event/events/dimension/interface';
+export declare class LinearProgressSeriesTooltipHelper extends BaseSeriesTooltipHelper implements ISeriesTooltipHelper {
+    getDefaultTooltipPattern(activeType: TooltipActiveType, dimensionInfo?: IDimensionInfo[]): ITooltipPattern | null;
+}

package/esm/series/progress/linear/tooltip-helper.js

@@ -0,0 +1,10 @@
+import { BaseSeriesTooltipHelper } from "../../base/tooltip-helper";
+
+export class LinearProgressSeriesTooltipHelper extends BaseSeriesTooltipHelper {
+    getDefaultTooltipPattern(activeType, dimensionInfo) {
+        const result = super.getDefaultTooltipPattern(activeType, dimensionInfo);
+        return "mark" === activeType ? result : "dimension" === activeType ? (result.visible = !1, 
+        result) : null;
+    }
+}
+//# sourceMappingURL=tooltip-helper.js.map

package/esm/series/progress/linear/tooltip-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/progress/linear/tooltip-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAKpE,MAAM,OAAO,iCAAkC,SAAQ,uBAAuB;IAE5E,wBAAwB,CAAC,UAA6B,EAAE,aAAgC;QACtF,MAAM,MAAM,GAAG,KAAK,CAAC,wBAAwB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;QACzE,IAAI,UAAU,KAAK,MAAM,EAAE;YACzB,OAAO,MAAM,CAAC;SACf;QACD,IAAI,UAAU,KAAK,WAAW,EAAE;YAC9B,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC;YACvB,OAAO,MAAM,CAAC;SACf;QACD,OAAO,IAAI,CAAC;IACd,CAAC;CACF","file":"tooltip-helper.js","sourcesContent":["import { BaseSeriesTooltipHelper } from '../../base/tooltip-helper';\nimport type { ISeriesTooltipHelper } from '../../interface';\nimport type { ITooltipPattern, TooltipActiveType } from '../../../typings';\nimport type { IDimensionInfo } from '../../../event/events/dimension/interface';\n\nexport class LinearProgressSeriesTooltipHelper extends BaseSeriesTooltipHelper implements ISeriesTooltipHelper {\n  /** 获取默认的tooltip pattern */\n  getDefaultTooltipPattern(activeType: TooltipActiveType, dimensionInfo?: IDimensionInfo[]): ITooltipPattern | null {\n    const result = super.getDefaultTooltipPattern(activeType, dimensionInfo);\n    if (activeType === 'mark') {\n      return result;\n    }\n    if (activeType === 'dimension') {\n      result.visible = false;\n      return result;\n    }\n    return null;\n  }\n}\n"]}

package/esm/series/radar/animation.d.ts

@@ -0,0 +1,72 @@
+import type { Datum, IAnimationTypeConfig, IElement } from '@visactor/vgrammar';
+import type { IPoint, Maybe } from '../../typings';
+import type { IPolarAxisHelper } from '../../component';
+export interface IRadarAnimationParams {
+    center: () => Maybe<IPoint>;
+    radius: () => number;
+    startAngle: number;
+    pointToCoord: IPolarAxisHelper['pointToCoord'];
+    coordToPoint: IPolarAxisHelper['coordToPoint'];
+}
+export type RadarAppearPreset = 'grow' | 'fadeIn' | 'clipIn';
+export declare const radarFadeAnimation: (animationType: 'in' | 'out') => {
+    type: string;
+};
+export declare const radarGrowAnimation: (params: IRadarAnimationParams, animationType: 'in' | 'out') => {
+    type: string;
+    options: () => {
+        center: IPoint;
+    };
+};
+export declare function radarPresetAnimation(params: IRadarAnimationParams, preset: RadarAppearPreset, animationType: 'in' | 'out'): {
+    type: string;
+};
+export declare const radarSymbolMoveAnimation: (params: IRadarAnimationParams, animationType: 'in' | 'out') => {
+    channel: {
+        x: {
+            from: () => number;
+            to: (datum: Datum, element: IElement) => any;
+        };
+        y: {
+            from: () => number;
+            to: (datum: Datum, element: IElement) => any;
+        };
+    };
+} | {
+    channel: {
+        x: {
+            from: (datum: Datum, element: IElement) => any;
+            to: () => number;
+        };
+        y: {
+            from: (datum: Datum, element: IElement) => any;
+            to: () => number;
+        };
+    };
+};
+export declare function radarSymbolPresetAnimation(params: IRadarAnimationParams, preset: RadarAppearPreset, animationType: 'in' | 'out'): {
+    type: string;
+} | {
+    channel: {
+        x: {
+            from: () => number;
+            to: (datum: any, element: IElement) => any;
+        };
+        y: {
+            from: () => number;
+            to: (datum: any, element: IElement) => any;
+        };
+    };
+} | {
+    channel: {
+        x: {
+            from: (datum: any, element: IElement) => any;
+            to: () => number;
+        };
+        y: {
+            from: (datum: any, element: IElement) => any;
+            to: () => number;
+        };
+    };
+};
+export declare const radarGroupClipAnimation: (params: IRadarAnimationParams, animationType: 'in' | 'out') => IAnimationTypeConfig;

package/esm/series/radar/animation.js

@@ -0,0 +1,69 @@
+import { ClipAngleAnimate } from "@visactor/vrender";
+
+export const radarFadeAnimation = animationType => ({
+    type: "in" === animationType ? "fadeIn" : "fadeOut"
+});
+
+export const radarGrowAnimation = (params, animationType) => ({
+    type: "in" === animationType ? "growPointsIn" : "growPointsOut",
+    options: () => ({
+        center: params.center()
+    })
+});
+
+export function radarPresetAnimation(params, preset, animationType) {
+    return "fadeIn" === preset ? radarFadeAnimation(animationType) : radarGrowAnimation(params, animationType);
+}
+
+export const radarSymbolMoveAnimation = (params, animationType) => {
+    const xFrom = () => {
+        var _a;
+        return null === (_a = params.center()) || void 0 === _a ? void 0 : _a.x;
+    }, xTo = (datum, element) => element.getGraphicAttribute("x"), yFrom = () => {
+        var _a;
+        return null === (_a = params.center()) || void 0 === _a ? void 0 : _a.y;
+    }, yTo = (datum, element) => element.getGraphicAttribute("y");
+    return "in" === animationType ? {
+        channel: {
+            x: {
+                from: xFrom,
+                to: xTo
+            },
+            y: {
+                from: yFrom,
+                to: yTo
+            }
+        }
+    } : {
+        channel: {
+            x: {
+                from: xTo,
+                to: xFrom
+            },
+            y: {
+                from: yTo,
+                to: yFrom
+            }
+        }
+    };
+};
+
+export function radarSymbolPresetAnimation(params, preset, animationType) {
+    return "fadeIn" === preset ? radarFadeAnimation(animationType) : radarSymbolMoveAnimation(params, animationType);
+}
+
+export const radarGroupClipAnimation = (params, animationType) => ({
+    custom: ClipAngleAnimate,
+    customParameters: (datum, element) => {
+        var _a;
+        return {
+            group: element.getGraphicItem(),
+            startAngle: null !== (_a = params.startAngle) && void 0 !== _a ? _a : Math.PI / 2,
+            orient: "clockwise",
+            center: params.center(),
+            radius: params.radius(),
+            animationType: animationType
+        };
+    }
+});
+//# sourceMappingURL=animation.js.map

package/esm/series/radar/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/radar/animation.ts"],"names":[],"mappings":"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","file":"animation.js","sourcesContent":["import type { Datum, IAnimationTypeConfig, IElement } from '@visactor/vgrammar';\nimport type { IPoint, Maybe } from '../../typings';\nimport { ClipAngleAnimate } from '@visactor/vrender';\nimport type { IPolarAxisHelper } from '../../component';\n\nexport interface IRadarAnimationParams {\n  center: () => Maybe<IPoint>;\n  radius: () => number;\n  startAngle: number;\n  pointToCoord: IPolarAxisHelper['pointToCoord'];\n  coordToPoint: IPolarAxisHelper['coordToPoint'];\n}\n\nexport type RadarAppearPreset = 'grow' | 'fadeIn' | 'clipIn';\n\nexport const radarFadeAnimation = (animationType: 'in' | 'out') => ({\n  type: animationType === 'in' ? 'fadeIn' : 'fadeOut'\n});\n\nexport const radarGrowAnimation = (params: IRadarAnimationParams, animationType: 'in' | 'out') => ({\n  type: animationType === 'in' ? 'growPointsIn' : 'growPointsOut',\n  options: () => ({\n    center: params.center()\n  })\n});\n\nexport function radarPresetAnimation(\n  params: IRadarAnimationParams,\n  preset: RadarAppearPreset,\n  animationType: 'in' | 'out'\n) {\n  switch (preset) {\n    case 'fadeIn':\n      return radarFadeAnimation(animationType);\n    case 'clipIn':\n    case 'grow':\n    default:\n      return radarGrowAnimation(params, animationType);\n  }\n}\n\nexport const radarSymbolMoveAnimation = (params: IRadarAnimationParams, animationType: 'in' | 'out') => {\n  const xFrom = () => params.center()?.x;\n  const xTo = (datum: Datum, element: IElement) => element.getGraphicAttribute('x');\n  const yFrom = () => params.center()?.y;\n  const yTo = (datum: Datum, element: IElement) => element.getGraphicAttribute('y');\n  if (animationType === 'in') {\n    return {\n      channel: {\n        x: { from: xFrom, to: xTo },\n        y: { from: yFrom, to: yTo }\n      }\n    };\n  }\n  return {\n    channel: {\n      x: { from: xTo, to: xFrom },\n      y: { from: yTo, to: yFrom }\n    }\n  };\n};\n\nexport function radarSymbolPresetAnimation(\n  params: IRadarAnimationParams,\n  preset: RadarAppearPreset,\n  animationType: 'in' | 'out'\n) {\n  switch (preset) {\n    case 'fadeIn':\n      return radarFadeAnimation(animationType);\n    case 'clipIn':\n    case 'grow':\n    default:\n      return radarSymbolMoveAnimation(params, animationType);\n  }\n}\n\nexport const radarGroupClipAnimation = (\n  params: IRadarAnimationParams,\n  animationType: 'in' | 'out'\n): IAnimationTypeConfig => {\n  return {\n    custom: ClipAngleAnimate,\n    customParameters: (datum: any, element: IElement) => {\n      return {\n        group: element.getGraphicItem(),\n        startAngle: params.startAngle ?? Math.PI / 2,\n        orient: 'clockwise',\n        center: params.center(),\n        radius: params.radius(),\n        animationType\n      };\n    }\n  };\n};\n"]}

package/esm/series/radar/interface.d.ts

@@ -0,0 +1,19 @@
+import type { IAnimationSpec } from '../../animation/spec';
+import type { IMarkProgressiveConfig } from '../../mark/interface';
+import type { IMarkSpec, IMarkTheme } from '../../typings/spec/common';
+import type { IAreaMarkSpec, ILineMarkSpec, ISymbolMarkSpec } from '../../typings/visual';
+import type { ILineLikeSeriesTheme } from '../mixin/line-mixin';
+import type { IRoseLikeSeriesSpec, IRoseLikeSeriesTheme } from '../polar/rose-like';
+import type { RadarAppearPreset } from './animation';
+type RadarMarks = 'point' | 'line' | 'area';
+export interface IRadarSeriesSpec extends IRoseLikeSeriesSpec, IAnimationSpec<RadarMarks, RadarAppearPreset>, IMarkProgressiveConfig {
+    type: 'radar';
+    point?: IMarkSpec<ISymbolMarkSpec>;
+    line?: IMarkSpec<ILineMarkSpec>;
+    area?: IMarkSpec<IAreaMarkSpec>;
+}
+export interface IRadarSeriesTheme extends IRoseLikeSeriesTheme, ILineLikeSeriesTheme {
+    strokeOpacity: number;
+    area?: Partial<IMarkTheme<IAreaMarkSpec>>;
+}
+export {};

package/esm/series/radar/interface.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=interface.js.map

package/esm/series/radar/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/radar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IAnimationSpec } from '../../animation/spec';\nimport type { IMarkProgressiveConfig } from '../../mark/interface';\nimport type { IMarkSpec, IMarkTheme } from '../../typings/spec/common';\nimport type { IAreaMarkSpec, ILineMarkSpec, ISymbolMarkSpec } from '../../typings/visual';\nimport type { ILineLikeSeriesTheme } from '../mixin/line-mixin';\nimport type { IRoseLikeSeriesSpec, IRoseLikeSeriesTheme } from '../polar/rose-like';\nimport type { RadarAppearPreset } from './animation';\n\ntype RadarMarks = 'point' | 'line' | 'area';\n\nexport interface IRadarSeriesSpec\n  extends IRoseLikeSeriesSpec,\n    IAnimationSpec<RadarMarks, RadarAppearPreset>,\n    IMarkProgressiveConfig {\n  type: 'radar';\n\n  /**\n   * 点图元配置\n   */\n  point?: IMarkSpec<ISymbolMarkSpec>;\n  /**\n   * 线图元配置\n   */\n  line?: IMarkSpec<ILineMarkSpec>;\n  /**\n   * 面积图元配置\n   */\n  area?: IMarkSpec<IAreaMarkSpec>;\n}\n\nexport interface IRadarSeriesTheme extends IRoseLikeSeriesTheme, ILineLikeSeriesTheme {\n  strokeOpacity: number;\n  area?: Partial<IMarkTheme<IAreaMarkSpec>>;\n}\n"]}

package/esm/series/radar/radar.d.ts

@@ -0,0 +1,20 @@
+import { LineLikeSeriesMixin } from '../mixin/line-mixin';
+import type { IMarkProgressiveConfig } from '../../mark/interface';
+import type { Maybe } from '../../typings';
+import { SeriesTypeEnum } from '../interface';
+import type { IRadarSeriesSpec, IRadarSeriesTheme } from './interface';
+import { RoseLikeSeries } from '../polar/rose-like';
+export interface RadarSeries extends Pick<LineLikeSeriesMixin, 'initLineMark' | 'initSymbolMark' | 'initLabelMarkStyle' | 'initLineMarkStyle' | 'initSymbolMarkStyle' | '_lineMark' | '_symbolMark'>, RoseLikeSeries<IRadarSeriesSpec> {
+}
+export declare class RadarSeries extends RoseLikeSeries<IRadarSeriesSpec> {
+    static readonly type: string;
+    type: SeriesTypeEnum;
+    protected _theme: Maybe<IRadarSeriesTheme>;
+    private _areaMark;
+    initGroups(): void;
+    initMark(): void;
+    initMarkStyle(): void;
+    initAreaMark(progressive: IMarkProgressiveConfig, isSeriesMark: boolean): void;
+    initAreaMarkStyle(): void;
+    initAnimation(): void;
+}

package/esm/series/radar/radar.js

@@ -0,0 +1,90 @@
+import { LineLikeSeriesMixin } from "../mixin/line-mixin";
+
+import { MarkTypeEnum } from "../../mark/interface";
+
+import { AttributeLevel, POLAR_START_RADIAN } from "../../constant";
+
+import { DEFAULT_LINEAR_CLOSED_INTERPOLATE } from "../../typings";
+
+import { isValid, radians } from "../../util";
+
+import { SeriesTypeEnum } from "../interface";
+
+import { mixin } from "@visactor/vutils";
+
+import { animationConfig, userAnimationConfig } from "../../animation/utils";
+
+import { DEFAULT_MARK_ANIMATION } from "../../animation/config";
+
+import { RoseLikeSeries } from "../polar/rose-like";
+
+export class RadarSeries extends RoseLikeSeries {
+    constructor() {
+        super(...arguments), this.type = SeriesTypeEnum.radar;
+    }
+    initGroups() {}
+    initMark() {
+        var _a, _b, _c;
+        const progressive = {
+            progressiveStep: this._spec.progressiveStep,
+            progressiveThreshold: this._spec.progressiveThreshold,
+            large: this._spec.large,
+            largeThreshold: this._spec.largeThreshold
+        }, isAreaVisible = !1 !== (null === (_a = this._spec.area) || void 0 === _a ? void 0 : _a.visible) && !1 !== (null === (_c = null === (_b = this._spec.area) || void 0 === _b ? void 0 : _b.style) || void 0 === _c ? void 0 : _c.visible);
+        this.initAreaMark(progressive, isAreaVisible), this.initLineMark(progressive, !isAreaVisible), 
+        this.initSymbolMark(progressive);
+    }
+    initMarkStyle() {
+        this.initAreaMarkStyle(), this.initLineMarkStyle(), this.initSymbolMarkStyle();
+    }
+    initAreaMark(progressive, isSeriesMark) {
+        this._areaMark = this._createMark(MarkTypeEnum.area, "area", {
+            progressive: progressive,
+            isSeriesMark: isSeriesMark
+        });
+    }
+    initAreaMarkStyle() {
+        var _a;
+        const areaMark = this._areaMark;
+        areaMark && (this.setMarkStyle(areaMark, {
+            x: this.dataToPositionX.bind(this),
+            y: this.dataToPositionY.bind(this),
+            x1: datum => datum && this.angleAxisHelper && this.radiusAxisHelper ? this.valueToPosition(this.getDatumPositionValues(datum, this._angleField), this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : 0).x : Number.NaN,
+            y1: datum => {
+                if (!datum || !this.angleAxisHelper || !this.radiusAxisHelper) return Number.NaN;
+                return this.valueToPosition(this.getDatumPositionValues(datum, this._angleField), this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : 0).y;
+            },
+            fill: this.getColorAttribute(),
+            curveType: DEFAULT_LINEAR_CLOSED_INTERPOLATE
+        }, "normal", AttributeLevel.Series), this._trigger.registerMark(areaMark), null === (_a = this._tooltipHelper) || void 0 === _a || _a.activeTriggerSet.dimension.add(areaMark));
+    }
+    initAnimation() {
+        var _a, _b, _c, _d;
+        const animationParams = {
+            center: () => {
+                var _a;
+                return null === (_a = this.angleAxisHelper) || void 0 === _a ? void 0 : _a.center();
+            },
+            radius: () => {
+                const rect = this.getLayoutRect();
+                return Math.min(rect.width, rect.height);
+            },
+            startAngle: null !== (_a = radians(this._spec.startAngle)) && void 0 !== _a ? _a : POLAR_START_RADIAN,
+            pointToCoord: point => {
+                var _a;
+                return null === (_a = this.angleAxisHelper) || void 0 === _a ? void 0 : _a.pointToCoord(point);
+            },
+            coordToPoint: coord => this.angleAxisHelper.coordToPoint(coord)
+        }, appearPreset = null !== (_d = null === (_c = null === (_b = this._spec) || void 0 === _b ? void 0 : _b.animationAppear) || void 0 === _c ? void 0 : _c.preset) && void 0 !== _d ? _d : "clipIn";
+        "clipIn" === appearPreset && this._rootMark && this._rootMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.radarGroup(animationParams, appearPreset), userAnimationConfig("group", this._spec)));
+        [ [ this._areaMark, "radar" ], [ this._lineMark, "radar" ], [ this._symbolMark, "radarSymbol" ] ].forEach((([mark, animation]) => {
+            if (isValid(mark)) {
+                const getAnimation = DEFAULT_MARK_ANIMATION[animation];
+                mark.setAnimationConfig(animationConfig(getAnimation(animationParams, appearPreset), userAnimationConfig(mark.name, this._spec)));
+            }
+        }));
+    }
+}
+
+RadarSeries.type = SeriesTypeEnum.radar, mixin(RadarSeries, LineLikeSeriesMixin);
+//# sourceMappingURL=radar.js.map

package/esm/series/radar/radar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/radar/radar.ts"],"names":[],"mappings":"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","file":"radar.js","sourcesContent":["import { LineLikeSeriesMixin } from '../mixin/line-mixin';\nimport type { ILineMark } from '../../mark/line';\nimport type { IMark, IMarkProgressiveConfig } from '../../mark/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from '../../mark/interface';\nimport { AttributeLevel, POLAR_START_RADIAN } from '../../constant';\nimport { DEFAULT_LINEAR_CLOSED_INTERPOLATE } from '../../typings';\n// eslint-disable-next-line no-duplicate-imports\nimport type { Datum, IPoint, IPolarPoint, Maybe } from '../../typings';\nimport { isValid, radians } from '../../util';\n\nimport { SeriesTypeEnum } from '../interface';\nimport { mixin } from '@visactor/vutils';\nimport type { IRadarSeriesSpec, IRadarSeriesTheme } from './interface';\nimport { animationConfig, userAnimationConfig } from '../../animation/utils';\nimport { DEFAULT_MARK_ANIMATION } from '../../animation/config';\nimport type { IRadarAnimationParams, RadarAppearPreset } from './animation';\nimport { RoseLikeSeries } from '../polar/rose-like';\nimport type { IStateAnimateSpec } from '../../animation/spec';\nimport type { IAreaMark } from '../../mark/area';\n\nexport interface RadarSeries\n  extends Pick<\n      LineLikeSeriesMixin,\n      | 'initLineMark'\n      | 'initSymbolMark'\n      | 'initLabelMarkStyle'\n      | 'initLineMarkStyle'\n      | 'initSymbolMarkStyle'\n      | '_lineMark'\n      | '_symbolMark'\n    >,\n    RoseLikeSeries<IRadarSeriesSpec> {}\n\nexport class RadarSeries extends RoseLikeSeries<IRadarSeriesSpec> {\n  static readonly type: string = SeriesTypeEnum.radar;\n  type = SeriesTypeEnum.radar;\n\n  protected declare _theme: Maybe<IRadarSeriesTheme>;\n\n  private _areaMark: ILineMark;\n\n  initGroups() {\n    // do nothing\n  }\n\n  initMark(): void {\n    const progressive = {\n      progressiveStep: this._spec.progressiveStep,\n      progressiveThreshold: this._spec.progressiveThreshold,\n      large: this._spec.large,\n      largeThreshold: this._spec.largeThreshold\n    };\n\n    const isAreaVisible = this._spec.area?.visible !== false && this._spec.area?.style?.visible !== false;\n    this.initAreaMark(progressive, isAreaVisible);\n    this.initLineMark(progressive, !isAreaVisible);\n    this.initSymbolMark(progressive);\n  }\n\n  initMarkStyle(): void {\n    this.initAreaMarkStyle();\n    this.initLineMarkStyle();\n    this.initSymbolMarkStyle();\n  }\n\n  initAreaMark(progressive: IMarkProgressiveConfig, isSeriesMark: boolean) {\n    this._areaMark = this._createMark(MarkTypeEnum.area, 'area', {\n      progressive,\n      isSeriesMark\n    }) as IAreaMark;\n  }\n\n  initAreaMarkStyle() {\n    const areaMark = this._areaMark;\n    if (areaMark) {\n      this.setMarkStyle(\n        areaMark,\n        {\n          x: this.dataToPositionX.bind(this),\n          y: this.dataToPositionY.bind(this),\n          x1: (datum: Datum) => {\n            if (!datum || !this.angleAxisHelper || !this.radiusAxisHelper) {\n              return Number.NaN;\n            }\n\n            return this.valueToPosition(\n              this.getDatumPositionValues(datum, this._angleField),\n              this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : 0\n            ).x;\n          },\n          y1: (datum: Datum) => {\n            if (!datum || !this.angleAxisHelper || !this.radiusAxisHelper) {\n              return Number.NaN;\n            }\n            const value = this.valueToPosition(\n              this.getDatumPositionValues(datum, this._angleField),\n              this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : 0\n            ).y;\n            return value;\n          },\n          fill: this.getColorAttribute(),\n          curveType: DEFAULT_LINEAR_CLOSED_INTERPOLATE\n        },\n        'normal',\n        AttributeLevel.Series\n      );\n      this._trigger.registerMark(areaMark);\n      this._tooltipHelper?.activeTriggerSet.dimension.add(areaMark);\n    }\n  }\n\n  initAnimation() {\n    const animationParams: IRadarAnimationParams = {\n      center: () => this.angleAxisHelper?.center(),\n      radius: () => {\n        const rect = this.getLayoutRect();\n        return Math.min(rect.width, rect.height);\n      },\n      startAngle: radians(this._spec.startAngle) ?? POLAR_START_RADIAN,\n      pointToCoord: (point: IPoint) => this.angleAxisHelper?.pointToCoord(point),\n      coordToPoint: (coord: IPolarPoint) => this.angleAxisHelper.coordToPoint(coord)\n    };\n    const appearPreset = ((this._spec?.animationAppear as IStateAnimateSpec<RadarAppearPreset>)?.preset ??\n      'clipIn') as RadarAppearPreset;\n\n    if (appearPreset === 'clipIn') {\n      if (this._rootMark) {\n        this._rootMark.setAnimationConfig(\n          animationConfig(\n            DEFAULT_MARK_ANIMATION.radarGroup(animationParams, appearPreset),\n            userAnimationConfig('group', this._spec)\n          )\n        );\n      }\n    }\n\n    const markAnimationMap: [IMark, keyof typeof DEFAULT_MARK_ANIMATION][] = [\n      [this._areaMark, 'radar'],\n      [this._lineMark, 'radar'],\n      [this._symbolMark, 'radarSymbol']\n    ];\n\n    // 为 mark 添加动画\n    markAnimationMap.forEach(([mark, animation]) => {\n      if (isValid(mark)) {\n        const getAnimation = DEFAULT_MARK_ANIMATION[animation];\n        mark.setAnimationConfig(\n          animationConfig(getAnimation(animationParams, appearPreset), userAnimationConfig(mark.name, this._spec))\n        );\n      }\n    });\n  }\n}\n\nmixin(RadarSeries, LineLikeSeriesMixin);\n"]}

package/esm/series/range-area/interface.d.ts

@@ -0,0 +1,6 @@
+import type { IAreaSeriesSpec } from '../area/interface';
+export interface IRangeAreaSeriesSpec extends Omit<IAreaSeriesSpec, 'type'> {
+    type: 'rangeArea';
+    minField?: string;
+    maxField?: string;
+}

package/esm/series/range-area/interface.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=interface.js.map

package/esm/series/range-area/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/range-area/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IAreaSeriesSpec } from '../area/interface';\nexport interface IRangeAreaSeriesSpec extends Omit<IAreaSeriesSpec, 'type'> {\n  /**\n   * 系列类型\n   */\n  type: 'rangeArea';\n\n  /**\n   * 数据字段配置\n   */\n  /* 区间最小值字段 */\n  minField?: string;\n  /* 区间最大值字段 */\n  maxField?: string;\n}\n"]}

package/esm/series/range-area/range-area.d.ts

@@ -0,0 +1,9 @@
+import { AreaSeries } from '../area/area';
+import { SeriesTypeEnum } from '../interface';
+export declare class RangeAreaSeries extends AreaSeries {
+    static readonly type: string;
+    type: SeriesTypeEnum;
+    initMark(): void;
+    initMarkStyle(): void;
+    protected initTooltip(): void;
+}

package/esm/series/range-area/range-area.js

@@ -0,0 +1,65 @@
+import { AreaSeries } from "../area/area";
+
+import { SeriesTypeEnum } from "../interface";
+
+import { DEFAULT_SMOOTH_INTERPOLATE } from "../../typings/interpolate";
+
+import { Direction } from "../../typings/space";
+
+import { couldBeValidNumber } from "../../util";
+
+import { AttributeLevel } from "../../constant";
+
+import { RangeAreaSeriesTooltipHelper } from "./tooltip-helper";
+
+import { MarkTypeEnum } from "../../mark/interface";
+
+export class RangeAreaSeries extends AreaSeries {
+    constructor() {
+        super(...arguments), this.type = SeriesTypeEnum.rangeArea;
+    }
+    initMark() {
+        this._areaMark = this._createMark(MarkTypeEnum.area, "area", {
+            defaultMorphElementKey: this.getDimensionField()[0],
+            groupKey: this._seriesField,
+            isSeriesMark: !0
+        });
+    }
+    initMarkStyle() {
+        var _a, _b, _c, _d, _e;
+        const userCurveType = null !== (_c = null === (_b = null === (_a = this.getSpec().area) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.curveType) && void 0 !== _c ? _c : null === (_e = null === (_d = this.getSpec().line) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.curveType, curveType = userCurveType === DEFAULT_SMOOTH_INTERPOLATE ? this._direction === Direction.vertical ? "monotoneX" : "monotoneY" : userCurveType, areaMark = this._areaMark;
+        areaMark && (this._direction === Direction.vertical ? this.setMarkStyle(this._areaMark, {
+            x: this.dataToPositionX.bind(this),
+            y1: datum => {
+                if (!this._yAxisHelper) return Number.NaN;
+                const {dataToPosition: dataToPosition} = this._yAxisHelper;
+                return dataToPosition(this.getDatumPositionValues(datum, this._spec.yField[1]), {
+                    bandPosition: this._bandPosition
+                });
+            },
+            y: this.dataToPositionY.bind(this)
+        }, "normal", AttributeLevel.Series) : this.setMarkStyle(this._areaMark, {
+            x: this.dataToPositionX.bind(this),
+            x1: datum => {
+                if (!this._xAxisHelper) return Number.NaN;
+                const {dataToPosition: dataToPosition} = this._xAxisHelper;
+                return dataToPosition(this.getDatumPositionValues(datum, this._spec.xField[1]), {
+                    bandPosition: this._bandPosition
+                });
+            },
+            y: this.dataToPositionY.bind(this),
+            orient: this._direction
+        }, "normal", AttributeLevel.Series), this.setMarkStyle(areaMark, {
+            fill: this.getColorAttribute(),
+            defined: datum => "break" !== this._invalidType || couldBeValidNumber(datum[this.getStackValueField()])
+        }, "normal", AttributeLevel.Series), this.setMarkStyle(areaMark, {
+            curveType: curveType
+        }, "normal", AttributeLevel.Built_In), this._trigger.registerMark(areaMark), this._tooltipHelper.activeTriggerSet.dimension.add(areaMark));
+    }
+    initTooltip() {
+        this._tooltipHelper = new RangeAreaSeriesTooltipHelper(this);
+    }
+}
+
+RangeAreaSeries.type = SeriesTypeEnum.rangeArea;
+//# sourceMappingURL=range-area.js.map