@visactor/vchart-extension 2.0.3 → 2.0.4-alpha.1

package/esm/charts/candlestick/candlestick.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/candlestick/candlestick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EACL,SAAS,EACT,OAAO,EACP,4BAA4B,EAC5B,iCAAiC,EACjC,uBAAuB,EACvB,sBAAsB,EACtB,yBAAyB,EACzB,uBAAuB,EACvB,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AACpF,MAAM,OAAO,gBAA0E,SAAQ,SAAY;IAI/F,eAAe;QACvB,IAAI,CAAC,YAAY,CAAC,gBAAgB,GAAG,yBAAyB,CAAC;QAC/D,IAAI,CAAC,YAAY,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;QACpE,IAAI,CAAC,YAAY,CAAC,sBAAsB,GAAG,yBAAyB,CAAC;IACvE,CAAC;;AAPe,qBAAI,GAAW,sBAAsB,CAAC;AACtC,2BAAU,GAAW,uBAAuB,CAAC;AAC7C,uCAAsB,GAAG,+BAA+B,CAAC;AAQ3E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,iCAAiC,EAAE,CAAC;IACpC,4BAA4B,EAAE,CAAC;IAC/B,uBAAuB,EAAE,CAAC;IAC1B,sBAAsB,EAAE,CAAC;IACzB,yBAAyB,EAAE,CAAC;IAC5B,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACjE,CAAC,CAAC","file":"candlestick.js","sourcesContent":["import { CandlestickChartSpecTransformer } from './candlestick-transformer';\nimport { ICandlestickChartSpec } from './interface';\nimport { registerCandlestickSeries } from './series/candlestick';\nimport {\n  BaseChart,\n  Factory,\n  registerMarkTooltipProcessor,\n  registerDimensionTooltipProcessor,\n  registerDimensionEvents,\n  registerDimensionHover,\n  getCartesianDimensionInfo,\n  getDimensionInfoByValue,\n  getCartesianCrosshairRect\n} from '@visactor/vchart';\nimport { CANDLESTICK_CHART_TYPE, CANDLESTICK_SERIES_TYPE } from './series/constant';\nexport class CandlestickChart<T extends ICandlestickChartSpec = ICandlestickChartSpec> extends BaseChart<T> {\n  static readonly type: string = CANDLESTICK_CHART_TYPE;\n  static readonly seriesType: string = CANDLESTICK_SERIES_TYPE;\n  static readonly transformerConstructor = CandlestickChartSpecTransformer; // CandlestickChartSpecTransformer;\n  protected _setModelOption() {\n    this._modelOption.getDimensionInfo = getCartesianDimensionInfo;\n    this._modelOption.getDimensionInfoByValue = getDimensionInfoByValue;\n    this._modelOption.getRectByDimensionData = getCartesianCrosshairRect;\n  }\n}\n\nexport const registerCandlestickChart = () => {\n  registerDimensionTooltipProcessor();\n  registerMarkTooltipProcessor();\n  registerDimensionEvents();\n  registerDimensionHover();\n  registerCandlestickSeries();\n  Factory.registerChart(CandlestickChart.type, CandlestickChart);\n};\n"]}

package/esm/charts/candlestick/index.d.ts

@@ -0,0 +1,3 @@
+export * from './candlestick';
+export * from './interface';
+export * from './candlestick-transformer';

package/esm/charts/candlestick/index.js

@@ -0,0 +1,6 @@
+export * from "./candlestick";
+
+export * from "./interface";
+
+export * from "./candlestick-transformer";
+//# sourceMappingURL=index.js.map

package/esm/charts/candlestick/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/candlestick/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC","file":"index.js","sourcesContent":["export * from './candlestick';\nexport * from './interface';\nexport * from './candlestick-transformer';\n"]}

package/esm/charts/candlestick/interface.d.ts

@@ -0,0 +1,6 @@
+import type { IChartExtendsSeriesSpec, ICartesianChartSpec } from '@visactor/vchart';
+import type { ICandlestickSeriesSpec } from './series/interface';
+export interface ICandlestickChartSpec extends ICartesianChartSpec, IChartExtendsSeriesSpec<ICandlestickSeriesSpec> {
+    type: 'candlestick';
+    series?: ICandlestickSeriesSpec[];
+}

package/esm/charts/candlestick/interface.js

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

package/esm/charts/candlestick/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/candlestick/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IChartExtendsSeriesSpec, ICartesianChartSpec } from '@visactor/vchart';\nimport type { ICandlestickSeriesSpec } from './series/interface';\n\nexport interface ICandlestickChartSpec extends ICartesianChartSpec, IChartExtendsSeriesSpec<ICandlestickSeriesSpec> {\n  type: 'candlestick';\n  /** 系列配置 */\n  series?: ICandlestickSeriesSpec[];\n}\n"]}

package/esm/charts/candlestick/mark/candlestick.d.ts

@@ -0,0 +1,11 @@
+import { GlyphMark, IMarkRaw, IMarkStyle } from '@visactor/vchart';
+import type { ICandlestickMarkSpec } from './interface';
+export type ICandlestickMark = IMarkRaw<ICandlestickMarkSpec>;
+export declare const CANDLESTICK_MARK_TYPE = "candlestick";
+export declare class CandlestickMark extends GlyphMark<ICandlestickMarkSpec> implements ICandlestickMark {
+    static readonly type = "candlestick";
+    readonly type = "candlestick";
+    setGlyphConfig(cfg: any): void;
+    protected _getDefaultStyle(): IMarkStyle<ICandlestickMarkSpec>;
+}
+export declare const registerCandlestickMark: () => void;

package/esm/charts/candlestick/mark/candlestick.js

@@ -0,0 +1,58 @@
+import { registerLine, registerRect } from "@visactor/vrender-kits";
+
+import { GlyphMark, registerGlyphMark } from "@visactor/vchart";
+
+import { createLine, createRect } from "@visactor/vrender-core";
+
+import { Factory } from "@visactor/vchart";
+
+export const CANDLESTICK_MARK_TYPE = "candlestick";
+
+export class CandlestickMark extends GlyphMark {
+    constructor() {
+        super(...arguments), this.type = CandlestickMark.type;
+    }
+    setGlyphConfig(cfg) {
+        super.setGlyphConfig(cfg), this._subMarks = {
+            line: {
+                type: "line",
+                defaultAttributes: {
+                    x: 0,
+                    y: 0
+                }
+            },
+            box: {
+                type: "rect"
+            }
+        }, this._positionChannels = [ "x", "boxWidth", "open", "close", "high", "low" ], 
+        this._channelEncoder = null, this._positionEncoder = (glyphAttrs, datum, g) => {
+            const {x: x = g.attribute.x, boxWidth: boxWidth = g.attribute.boxWidth, open: open = g.attribute.open, close: close = g.attribute.close, low: low = g.attribute.low, high: high = g.attribute.high} = glyphAttrs, attributes = {};
+            return attributes.line = {
+                points: [ {
+                    x: x,
+                    y: low
+                }, {
+                    x: x,
+                    y: high
+                } ]
+            }, attributes.box = {
+                x: x - boxWidth / 2,
+                x1: x + boxWidth / 2,
+                y: Math.min(open, close),
+                y1: Math.max(open, close),
+                drawStrokeWhenZeroWH: !0
+            }, attributes;
+        };
+    }
+    _getDefaultStyle() {
+        return Object.assign({}, super._getDefaultStyle());
+    }
+}
+
+CandlestickMark.type = "candlestick";
+
+export const registerCandlestickMark = () => {
+    registerGlyphMark(), registerLine(), registerRect(), Factory.registerGraphicComponent("line", (attrs => createLine(attrs))), 
+    Factory.registerGraphicComponent("rect", (attrs => createRect(attrs))), Factory.registerMark(CandlestickMark.type, CandlestickMark);
+};
+//# sourceMappingURL=candlestick.js.map

package/esm/charts/candlestick/mark/candlestick.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/candlestick/mark/candlestick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAwB,MAAM,kBAAkB,CAAC;AACtF,OAAO,EACL,UAAU,EACV,UAAU,EAIX,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,OAAO,EAAS,MAAM,kBAAkB,CAAC;AAIlD,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAAC;AAEnD,MAAM,OAAO,eAAgB,SAAQ,SAA+B;IAApE;;QAEW,SAAI,GAAG,eAAe,CAAC,IAAI,CAAC;IAkDvC,CAAC;IAhDC,cAAc,CAAC,GAAQ;QACrB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG;YACf,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;YACzD,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACtB,CAAC;QACF,IAAI,CAAC,iBAAiB,GAAG,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QAC3E,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,gBAAgB,GAAG,CAAC,UAAe,EAAE,KAAY,EAAE,CAAS,EAAE,EAAE;YACnE,MAAM,EACJ,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EACjB,QAAQ,GAAI,CAAC,CAAC,SAAiB,CAAC,QAAQ,EACxC,IAAI,GAAI,CAAC,CAAC,SAAiB,CAAC,IAAI,EAChC,KAAK,GAAI,CAAC,CAAC,SAAiB,CAAC,KAAK,EAClC,GAAG,GAAI,CAAC,CAAC,SAAiB,CAAC,GAAG,EAC9B,IAAI,GAAI,CAAC,CAAC,SAAiB,CAAC,IAAI,EACjC,GAAG,UAAU,CAAC;YACf,MAAM,UAAU,GAAQ,EAAE,CAAC;YAC3B,UAAU,CAAC,IAAI,GAAG;gBAChB,MAAM,EAAE;oBACN;wBACE,CAAC,EAAE,CAAC;wBACJ,CAAC,EAAE,GAAG;qBACP;oBACD;wBACE,CAAC,EAAE,CAAC;wBACJ,CAAC,EAAE,IAAI;qBACR;iBACF;aACF,CAAC;YACF,UAAU,CAAC,GAAG,GAAG;gBACf,CAAC,EAAE,CAAC,GAAG,QAAQ,GAAG,CAAC;gBACnB,EAAE,EAAE,CAAC,GAAG,QAAQ,GAAG,CAAC;gBACpB,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;gBACxB,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;gBAEzB,oBAAoB,EAAE,IAAI;aAC3B,CAAC;YACF,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC;IAES,gBAAgB;QACxB,MAAM,YAAY,qBACb,KAAK,CAAC,gBAAgB,EAAE,CAC5B,CAAC;QACF,OAAO,YAAY,CAAC;IACtB,CAAC;;AAlDe,oBAAI,GAAG,qBAAqB,CAAC;AAqD/C,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,iBAAiB,EAAE,CAAC;IACpB,YAAY,EAAE,CAAC;IACf,YAAY,EAAE,CAAC;IACf,OAAO,CAAC,wBAAwB,CAAC,MAAM,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9F,OAAO,CAAC,wBAAwB,CAAC,MAAM,EAAE,CAAC,KAA4B,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9F,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;AAC9D,CAAC,CAAC","file":"candlestick.js","sourcesContent":["import { registerLine, registerRect } from '@visactor/vrender-kits';\nimport { GlyphMark, registerGlyphMark, IMarkRaw, IMarkStyle } from '@visactor/vchart';\nimport {\n  createLine,\n  createRect,\n  type IGlyph,\n  type ILineGraphicAttribute,\n  IRectGraphicAttribute\n} from '@visactor/vrender-core';\nimport { Factory, Datum } from '@visactor/vchart';\nimport type { ICandlestickMarkSpec } from './interface';\n\nexport type ICandlestickMark = IMarkRaw<ICandlestickMarkSpec>;\nexport const CANDLESTICK_MARK_TYPE = 'candlestick';\n\nexport class CandlestickMark extends GlyphMark<ICandlestickMarkSpec> implements ICandlestickMark {\n  static readonly type = CANDLESTICK_MARK_TYPE;\n  readonly type = CandlestickMark.type;\n\n  setGlyphConfig(cfg: any): void {\n    super.setGlyphConfig(cfg);\n    this._subMarks = {\n      line: { type: 'line', defaultAttributes: { x: 0, y: 0 } },\n      box: { type: 'rect' }\n    };\n    this._positionChannels = ['x', 'boxWidth', 'open', 'close', 'high', 'low'];\n    this._channelEncoder = null;\n    this._positionEncoder = (glyphAttrs: any, datum: Datum, g: IGlyph) => {\n      const {\n        x = g.attribute.x,\n        boxWidth = (g.attribute as any).boxWidth,\n        open = (g.attribute as any).open,\n        close = (g.attribute as any).close,\n        low = (g.attribute as any).low,\n        high = (g.attribute as any).high\n      } = glyphAttrs;\n      const attributes: any = {};\n      attributes.line = {\n        points: [\n          {\n            x: x,\n            y: low\n          },\n          {\n            x: x,\n            y: high\n          }\n        ]\n      };\n      attributes.box = {\n        x: x - boxWidth / 2,\n        x1: x + boxWidth / 2,\n        y: Math.min(open, close),\n        y1: Math.max(open, close),\n        // 开盘收盘相同时绘制水平线\n        drawStrokeWhenZeroWH: true\n      };\n      return attributes;\n    };\n  }\n\n  protected _getDefaultStyle() {\n    const defaultStyle: IMarkStyle<ICandlestickMarkSpec> = {\n      ...super._getDefaultStyle()\n    };\n    return defaultStyle;\n  }\n}\n\nexport const registerCandlestickMark = () => {\n  registerGlyphMark();\n  registerLine();\n  registerRect();\n  Factory.registerGraphicComponent('line', (attrs: ILineGraphicAttribute) => createLine(attrs));\n  Factory.registerGraphicComponent('rect', (attrs: IRectGraphicAttribute) => createRect(attrs));\n  Factory.registerMark(CandlestickMark.type, CandlestickMark);\n};\n"]}

package/esm/charts/candlestick/mark/interface.d.ts

@@ -0,0 +1,9 @@
+import type { Datum, ICommonSpec } from '@visactor/vchart';
+export interface ICandlestickMarkSpec extends ICommonSpec {
+    boxWidth?: number;
+    boxFill?: string | ((datum: Datum) => string);
+    low?: (datum: Datum) => number;
+    close?: (datum: Datum) => number;
+    open?: (datum: Datum) => number;
+    high?: (datum: Datum) => number;
+}

package/esm/charts/candlestick/mark/interface.js

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

package/esm/charts/candlestick/mark/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/candlestick/mark/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { Datum, ICommonSpec } from '@visactor/vchart';\n\nexport interface ICandlestickMarkSpec extends ICommonSpec {\n  /**\n   * box宽度\n   */\n  boxWidth?: number;\n  /**\n   * 盒子填充颜色，为空则不填充\n   */\n  boxFill?: string | ((datum: Datum) => string);\n  /**\n   * 最低价\n   */\n  low?: (datum: Datum) => number;\n  /**\n   * 收盘价\n   */\n  close?: (datum: Datum) => number;\n  /**\n   * 开盘价\n   */\n  open?: (datum: Datum) => number;\n  /**\n   * 最高价\n   */\n  high?: (datum: Datum) => number;\n}\n"]}

package/esm/charts/candlestick/series/animation.d.ts

@@ -0,0 +1,32 @@
+import type { EasingType } from '@visactor/vrender-core';
+import { ACustomAnimate } from '@visactor/vrender-animate';
+export interface ICandlestickScaleAnimationOptions {
+    center?: number;
+}
+export declare class CandlestickScaleIn extends ACustomAnimate<Record<string, number>> {
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: ICandlestickScaleAnimationOptions);
+    onBind(): void;
+    computeAttribute(): {
+        from?: {
+            [channel: string]: any;
+        };
+        to?: {
+            [channel: string]: any;
+        };
+    };
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class CandlestickScaleOut extends ACustomAnimate<Record<string, number>> {
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: ICandlestickScaleAnimationOptions);
+    onBind(): void;
+    computeAttribute(): {
+        from?: {
+            [channel: string]: any;
+        };
+        to?: {
+            [channel: string]: any;
+        };
+    };
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare const registerCandlestickScaleAnimation: () => void;

package/esm/charts/candlestick/series/animation.js

@@ -0,0 +1,124 @@
+import { isValidNumber } from "@visactor/vutils";
+
+import { ACustomAnimate, AnimateExecutor } from "@visactor/vrender-animate";
+
+const scaleIn = () => graphic => {
+    const finalAttribute = graphic.getFinalAttribute(), {x: x, y: y, open: open, high: high, low: low, close: close} = finalAttribute, animateAttributes = {
+        from: {
+            x: x,
+            y: y
+        },
+        to: {
+            x: x,
+            y: y
+        }
+    };
+    return isValidNumber(open) && isValidNumber(close) && (open > close ? (animateAttributes.from.open = low, 
+    animateAttributes.to.open = open, animateAttributes.from.close = low, animateAttributes.to.close = close, 
+    isValidNumber(high) && (animateAttributes.from.high = low, animateAttributes.to.high = high)) : (animateAttributes.from.open = high, 
+    animateAttributes.to.open = open, animateAttributes.from.close = high, animateAttributes.to.close = close, 
+    isValidNumber(low) && (animateAttributes.from.low = high, animateAttributes.to.low = low))), 
+    animateAttributes;
+}, scaleOut = () => graphic => {
+    const finalAttribute = graphic.getFinalAttribute(), {x: x, y: y, open: open, high: high, low: low, close: close} = finalAttribute, animateAttributes = {
+        from: {
+            x: x,
+            y: y
+        },
+        to: {
+            x: x,
+            y: y
+        }
+    };
+    return isValidNumber(open) && isValidNumber(close) && (open > close ? (animateAttributes.from.open = open, 
+    animateAttributes.to.open = low, animateAttributes.from.close = close, animateAttributes.to.close = low, 
+    isValidNumber(high) && (animateAttributes.from.high = high, animateAttributes.to.high = low)) : (animateAttributes.from.open = open, 
+    animateAttributes.to.open = high, animateAttributes.from.close = close, animateAttributes.to.close = high, 
+    isValidNumber(low) && (animateAttributes.from.low = low, animateAttributes.to.low = high))), 
+    animateAttributes;
+};
+
+export class CandlestickScaleIn extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    onBind() {
+        super.onBind();
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute);
+        const {from: from, to: to} = this.computeAttribute();
+        this.propKeys = Object.keys(to).filter((key => null != to[key])), this.animate.reSyncProps(), 
+        this.from = from, this.to = to, this.target.setAttributes(this.from);
+    }
+    computeAttribute() {
+        return (graphic => {
+            const finalAttribute = graphic.getFinalAttribute(), {x: x, y: y, open: open, high: high, low: low, close: close} = finalAttribute, animateAttributes = {
+                from: {
+                    x: x,
+                    y: y
+                },
+                to: {
+                    x: x,
+                    y: y
+                }
+            };
+            return isValidNumber(open) && isValidNumber(close) && (open > close ? (animateAttributes.from.open = low, 
+            animateAttributes.to.open = open, animateAttributes.from.close = low, animateAttributes.to.close = close, 
+            isValidNumber(high) && (animateAttributes.from.high = low, animateAttributes.to.high = high)) : (animateAttributes.from.open = high, 
+            animateAttributes.to.open = open, animateAttributes.from.close = high, animateAttributes.to.close = close, 
+            isValidNumber(low) && (animateAttributes.from.low = high, animateAttributes.to.low = low))), 
+            animateAttributes;
+        })(this.target, this.params, this.params.options);
+    }
+    onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach((key => {
+            attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.setAttributes(attribute);
+    }
+}
+
+export class CandlestickScaleOut extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    onBind() {
+        var _a;
+        (null === (_a = this.params) || void 0 === _a ? void 0 : _a.diffAttrs) && this.target.setAttributes(this.params.diffAttrs);
+        const {from: from, to: to} = this.computeAttribute();
+        this.propKeys = Object.keys(to).filter((key => null != to[key])), this.animate.reSyncProps(), 
+        this.from = from, this.to = to, this.target.setAttributes(this.from);
+    }
+    computeAttribute() {
+        return (graphic => {
+            const finalAttribute = graphic.getFinalAttribute(), {x: x, y: y, open: open, high: high, low: low, close: close} = finalAttribute, animateAttributes = {
+                from: {
+                    x: x,
+                    y: y
+                },
+                to: {
+                    x: x,
+                    y: y
+                }
+            };
+            return isValidNumber(open) && isValidNumber(close) && (open > close ? (animateAttributes.from.open = open, 
+            animateAttributes.to.open = low, animateAttributes.from.close = close, animateAttributes.to.close = low, 
+            isValidNumber(high) && (animateAttributes.from.high = high, animateAttributes.to.high = low)) : (animateAttributes.from.open = open, 
+            animateAttributes.to.open = high, animateAttributes.from.close = close, animateAttributes.to.close = high, 
+            isValidNumber(low) && (animateAttributes.from.low = low, animateAttributes.to.low = high))), 
+            animateAttributes;
+        })(this.target, this.params, this.params.options);
+    }
+    onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach((key => {
+            attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.setAttributes(attribute);
+    }
+}
+
+export const registerCandlestickScaleAnimation = () => {
+    AnimateExecutor.registerBuiltInAnimate("candlestickScaleIn", CandlestickScaleIn), 
+    AnimateExecutor.registerBuiltInAnimate("candlestickScaleOut", CandlestickScaleOut);
+};
+//# sourceMappingURL=animation.js.map

package/esm/charts/candlestick/series/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/candlestick/series/animation.ts"],"names":[],"mappings":"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","file":"animation.js","sourcesContent":["import type { EasingType } from '@visactor/vrender-core';\nimport type { IGlyph } from '@visactor/vrender-core';\nimport type { IAnimationParameters } from '@visactor/vchart';\nimport { isValidNumber } from '@visactor/vutils';\nimport { ACustomAnimate, AnimateExecutor } from '@visactor/vrender-animate';\n\nexport interface ICandlestickScaleAnimationOptions {\n  center?: number;\n}\n\ntype TypeAnimation = (\n  graphic: IGlyph,\n  options: ICandlestickScaleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => { from?: { [channel: string]: any }; to?: { [channel: string]: any } };\n\nconst scaleIn = (): TypeAnimation => {\n  return (graphic: IGlyph) => {\n    const finalAttribute = graphic.getFinalAttribute();\n    const { x, y, open, high, low, close } = finalAttribute;\n    const animateAttributes: any = { from: { x, y }, to: { x, y } };\n    if (isValidNumber(open) && isValidNumber(close)) {\n      if (open > close) {\n        animateAttributes.from.open = low;\n        animateAttributes.to.open = open;\n        animateAttributes.from.close = low;\n        animateAttributes.to.close = close;\n        if (isValidNumber(high)) {\n          animateAttributes.from.high = low;\n          animateAttributes.to.high = high;\n        }\n      } else {\n        animateAttributes.from.open = high;\n        animateAttributes.to.open = open;\n        animateAttributes.from.close = high;\n        animateAttributes.to.close = close;\n        if (isValidNumber(low)) {\n          animateAttributes.from.low = high;\n          animateAttributes.to.low = low;\n        }\n      }\n    }\n    return animateAttributes;\n  };\n};\n\nconst scaleOut = (): TypeAnimation => {\n  return (graphic: IGlyph) => {\n    const finalAttribute = graphic.getFinalAttribute();\n    const { x, y, open, high, low, close } = finalAttribute;\n\n    const animateAttributes: any = { from: { x, y }, to: { x, y } };\n    if (isValidNumber(open) && isValidNumber(close)) {\n      if (open > close) {\n        animateAttributes.from.open = open;\n        animateAttributes.to.open = low;\n        animateAttributes.from.close = close;\n        animateAttributes.to.close = low;\n        if (isValidNumber(high)) {\n          animateAttributes.from.high = high;\n          animateAttributes.to.high = low;\n        }\n      } else {\n        animateAttributes.from.open = open;\n        animateAttributes.to.open = high;\n        animateAttributes.from.close = close;\n        animateAttributes.to.close = high;\n        if (isValidNumber(low)) {\n          animateAttributes.from.low = low;\n          animateAttributes.to.low = high;\n        }\n      }\n    }\n    return animateAttributes;\n  };\n};\n\nexport class CandlestickScaleIn extends ACustomAnimate<Record<string, number>> {\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: ICandlestickScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onBind(): void {\n    super.onBind();\n    const finalAttribute = this.target.getFinalAttribute();\n    if (finalAttribute) {\n      this.target.setAttributes(finalAttribute);\n    }\n    const { from, to } = this.computeAttribute();\n    this.propKeys = Object.keys(to).filter(key => to[key] != null);\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n    this.target.setAttributes(this.from);\n  }\n\n  computeAttribute() {\n    const attr = scaleIn()(this.target as IGlyph, this.params, this.params.options);\n    return attr;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    const attribute: Record<string, any> = this.target.attribute;\n    this.propKeys.forEach(key => {\n      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(attribute);\n  }\n}\n\nexport class CandlestickScaleOut extends ACustomAnimate<Record<string, number>> {\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: ICandlestickScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onBind(): void {\n    if (this.params?.diffAttrs) {\n      this.target.setAttributes(this.params.diffAttrs);\n    }\n    const { from, to } = this.computeAttribute();\n    this.propKeys = Object.keys(to).filter(key => to[key] != null);\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n    this.target.setAttributes(this.from);\n  }\n\n  computeAttribute() {\n    const attr = scaleOut()(this.target as IGlyph, this.params, this.params.options);\n    return attr;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    const attribute: Record<string, any> = this.target.attribute;\n    this.propKeys.forEach(key => {\n      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(attribute);\n  }\n}\n\nexport const registerCandlestickScaleAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('candlestickScaleIn', CandlestickScaleIn);\n  AnimateExecutor.registerBuiltInAnimate('candlestickScaleOut', CandlestickScaleOut);\n};\n"]}

package/esm/charts/candlestick/series/candlestick.d.ts

@@ -0,0 +1,105 @@
+import { CartesianSeries, IMark, Datum, IModelInitOption } from '@visactor/vchart';
+import type { ICandlestickSeriesSpec } from './interface';
+export declare const DEFAULT_STROKE_COLOR = "#000";
+export declare class CandlestickSeries<T extends ICandlestickSeriesSpec = ICandlestickSeriesSpec> extends CartesianSeries<T> {
+    static readonly type: string;
+    type: string;
+    static readonly builtInTheme: {
+        candlestick: import("./interface").ICandlestickSeriesTheme;
+    };
+    static readonly mark: {
+        candlestick: {
+            name: import("./constant").CandlestickMarkNameEnum;
+            type: string;
+        };
+        label?: import("@visactor/vchart").ISeriesMarkInfo;
+        point?: import("@visactor/vchart").ISeriesMarkInfo;
+        line?: import("@visactor/vchart").ISeriesMarkInfo;
+        area?: import("@visactor/vchart").ISeriesMarkInfo;
+        bar?: import("@visactor/vchart").ISeriesMarkInfo;
+        boxPlot?: import("@visactor/vchart").ISeriesMarkInfo;
+        outlier?: import("@visactor/vchart").ISeriesMarkInfo;
+        circlePacking?: import("@visactor/vchart").ISeriesMarkInfo;
+        group?: import("@visactor/vchart").ISeriesMarkInfo;
+        gridBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        grid?: import("@visactor/vchart").ISeriesMarkInfo;
+        dot?: import("@visactor/vchart").ISeriesMarkInfo;
+        title?: import("@visactor/vchart").ISeriesMarkInfo;
+        subTitle?: import("@visactor/vchart").ISeriesMarkInfo;
+        symbol?: import("@visactor/vchart").ISeriesMarkInfo;
+        funnel?: import("@visactor/vchart").ISeriesMarkInfo;
+        transform?: import("@visactor/vchart").ISeriesMarkInfo;
+        transformLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        outerLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        outerLabelLine?: import("@visactor/vchart").ISeriesMarkInfo;
+        pin?: import("@visactor/vchart").ISeriesMarkInfo;
+        pinBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        pointer?: import("@visactor/vchart").ISeriesMarkInfo;
+        segment?: import("@visactor/vchart").ISeriesMarkInfo;
+        track?: import("@visactor/vchart").ISeriesMarkInfo;
+        cell?: import("@visactor/vchart").ISeriesMarkInfo;
+        cellBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        link?: import("@visactor/vchart").ISeriesMarkInfo;
+        arrow?: import("@visactor/vchart").ISeriesMarkInfo;
+        pie?: import("@visactor/vchart").ISeriesMarkInfo;
+        labelLine?: import("@visactor/vchart").ISeriesMarkInfo;
+        progress?: import("@visactor/vchart").ISeriesMarkInfo;
+        minLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        maxLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        rose?: import("@visactor/vchart").ISeriesMarkInfo;
+        node?: import("@visactor/vchart").ISeriesMarkInfo;
+        sunburst?: import("@visactor/vchart").ISeriesMarkInfo;
+        nonLeaf?: import("@visactor/vchart").ISeriesMarkInfo;
+        leaf?: import("@visactor/vchart").ISeriesMarkInfo;
+        nonLeafLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        leaderLine?: import("@visactor/vchart").ISeriesMarkInfo;
+        stackLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        word?: import("@visactor/vchart").ISeriesMarkInfo;
+        fillingWord?: import("@visactor/vchart").ISeriesMarkInfo;
+        wordMask?: import("@visactor/vchart").ISeriesMarkInfo;
+        nodePoint?: import("@visactor/vchart").ISeriesMarkInfo;
+        ripplePoint?: import("@visactor/vchart").ISeriesMarkInfo;
+        centerPoint?: import("@visactor/vchart").ISeriesMarkInfo;
+        centerLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        barBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        lineLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        areaLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquidGroup?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquid?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquidBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquidOutline?: import("@visactor/vchart").ISeriesMarkInfo;
+        circle?: import("@visactor/vchart").ISeriesMarkInfo;
+        overlap?: import("@visactor/vchart").ISeriesMarkInfo;
+        overlapLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    };
+    protected _openField: string;
+    getOpenField(): string;
+    protected _highField: string;
+    getHighField(): string;
+    protected _lowField: string;
+    getLowField(): string;
+    protected _closeField: string;
+    getCloseField(): string;
+    protected _boxWidth: number;
+    protected _boxFill: string | ((datum: Datum) => string);
+    getBoxFill(): string | ((datum: Datum) => string);
+    protected _strokeColor: string;
+    getStrokeColor(): string;
+    private _autoBoxWidth;
+    private _mergedStyles;
+    setAttrFromSpec(): void;
+    private _candlestickMark?;
+    initMark(): void;
+    initMarkStyle(): void;
+    initCandlestickMarkStyle(): void;
+    init(option: IModelInitOption): void;
+    private _initAnimationSpec;
+    initAnimation(): void;
+    protected initTooltip(): void;
+    private _buildMergedStyles;
+    protected mergeStyle(datum: Datum): any;
+    private _getMarkWidth;
+    onLayoutEnd(): void;
+    getActiveMarks(): IMark[];
+}
+export declare const registerCandlestickSeries: () => void;

package/esm/charts/candlestick/series/candlestick.js

@@ -0,0 +1,145 @@
+import { registerCandlestickMark } from "../mark/candlestick";
+
+import { registerSymbolMark, registerScaleInOutAnimation, registerCartesianBandAxis, registerCartesianLinearAxis, CartesianSeries, Factory, STATE_VALUE_ENUM, AttributeLevel, getGroupAnimationParams, animationConfig, userAnimationConfig } from "@visactor/vchart";
+
+import { valueInScaleRange } from "@visactor/vchart";
+
+import { merge } from "@visactor/vutils";
+
+import { registerCandlestickScaleAnimation } from "./animation";
+
+import { CANDLESTICK_SERIES_TYPE, CandlestickSeriesMark } from "./constant";
+
+import { CandlestickSeriesTooltipHelper } from "./tooltip-helper";
+
+import { candlestick } from "./theme";
+
+export const DEFAULT_STROKE_COLOR = "#000";
+
+export class CandlestickSeries extends CartesianSeries {
+    constructor() {
+        super(...arguments), this.type = CANDLESTICK_SERIES_TYPE, this._mergedStyles = {
+            rising: {},
+            falling: {},
+            doji: {}
+        };
+    }
+    getOpenField() {
+        return this._openField;
+    }
+    getHighField() {
+        return this._highField;
+    }
+    getLowField() {
+        return this._lowField;
+    }
+    getCloseField() {
+        return this._closeField;
+    }
+    getBoxFill() {
+        return this._boxFill;
+    }
+    getStrokeColor() {
+        return this._strokeColor;
+    }
+    setAttrFromSpec() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        super.setAttrFromSpec();
+        const spec = this._spec, CandlestickStyle = null !== (_b = null === (_a = spec.candlestick) || void 0 === _a ? void 0 : _a.style) && void 0 !== _b ? _b : {};
+        this._openField = spec.openField, this._highField = spec.highField, this._lowField = spec.lowField, 
+        this._closeField = spec.closeField, this._boxWidth = CandlestickStyle.boxWidth, 
+        this._boxFill = CandlestickStyle.boxFill, this._strokeColor = CandlestickStyle.strokeColor, 
+        this._buildMergedStyles(CandlestickStyle, null !== (_d = null === (_c = spec.rising) || void 0 === _c ? void 0 : _c.style) && void 0 !== _d ? _d : {}, null !== (_f = null === (_e = spec.falling) || void 0 === _e ? void 0 : _e.style) && void 0 !== _f ? _f : {}, null !== (_h = null === (_g = spec.doji) || void 0 === _g ? void 0 : _g.style) && void 0 !== _h ? _h : {});
+    }
+    initMark() {
+        this._candlestickMark = this._createMark(CandlestickSeries.mark.candlestick, {
+            groupKey: this._seriesField,
+            isSeriesMark: !0
+        });
+    }
+    initMarkStyle() {
+        var _a;
+        const candlestickMark = this._candlestickMark;
+        if (candlestickMark) {
+            const CandlestickStyles = {
+                fill: datum => this.mergeStyle(datum).boxFill,
+                stroke: datum => this.mergeStyle(datum).stroke,
+                lineWidth: datum => this.mergeStyle(datum).lineWidth,
+                boxWidth: null !== (_a = this._boxWidth) && void 0 !== _a ? _a : this._getMarkWidth.bind(this),
+                x: this.dataToPositionX.bind(this)
+            };
+            candlestickMark.setGlyphConfig({}), this.setMarkStyle(candlestickMark, CandlestickStyles, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+        }
+    }
+    initCandlestickMarkStyle() {
+        var _a;
+        const candlestickMark = this._candlestickMark, axisHelper = this._yAxisHelper;
+        if (candlestickMark && axisHelper) {
+            const {dataToPosition: dataToPosition} = axisHelper, scale = null === (_a = null == axisHelper ? void 0 : axisHelper.getScale) || void 0 === _a ? void 0 : _a.call(axisHelper, 0);
+            this.setMarkStyle(candlestickMark, {
+                open: datum => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._openField), {
+                    bandPosition: this._bandPosition
+                }), scale),
+                high: datum => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._highField), {
+                    bandPosition: this._bandPosition
+                }), scale),
+                low: datum => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._lowField), {
+                    bandPosition: this._bandPosition
+                }), scale),
+                close: datum => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._closeField), {
+                    bandPosition: this._bandPosition
+                }), scale)
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+        }
+    }
+    init(option) {
+        super.init(option), this.initCandlestickMarkStyle();
+    }
+    _initAnimationSpec(config = {}) {
+        const newConfig = merge({}, config);
+        return [ "appear", "enter", "update", "exit", "disappear" ].forEach((state => {
+            newConfig[state] && "scaleIn" === newConfig[state].type ? newConfig[state].type = "candlestickScaleIn" : newConfig[state] && "scaleOut" === newConfig[state].type && (newConfig[state].type = "candlestickScaleOut");
+        })), newConfig;
+    }
+    initAnimation() {
+        var _a;
+        const animationParams = getGroupAnimationParams(this);
+        if (this._candlestickMark) {
+            const newDefaultConfig = this._initAnimationSpec(null === (_a = Factory.getAnimationInKey("scaleInOut")) || void 0 === _a ? void 0 : _a()), newConfig = this._initAnimationSpec(userAnimationConfig(CANDLESTICK_SERIES_TYPE, this._spec, this._markAttributeContext));
+            this._candlestickMark.setAnimationConfig(animationConfig(newDefaultConfig, newConfig, animationParams));
+        }
+    }
+    initTooltip() {
+        this._tooltipHelper = new CandlestickSeriesTooltipHelper(this), this._candlestickMark && this._tooltipHelper.activeTriggerSet.mark.add(this._candlestickMark);
+    }
+    _buildMergedStyles(baseStyle, risingStyle, fallingStyle, dojiStyle) {
+        this._mergedStyles.rising = merge({}, baseStyle, risingStyle), this._mergedStyles.falling = merge({}, baseStyle, fallingStyle), 
+        this._mergedStyles.doji = merge({}, baseStyle, dojiStyle);
+    }
+    mergeStyle(datum) {
+        const open = this.getDatumPositionValues(datum, this._openField)[0], close = this.getDatumPositionValues(datum, this._closeField)[0];
+        return open < close ? this._mergedStyles.rising : open > close ? this._mergedStyles.falling : this._mergedStyles.doji;
+    }
+    _getMarkWidth() {
+        if (this._autoBoxWidth) return this._autoBoxWidth;
+        const bandAxisHelper = this._xAxisHelper, xField = this._fieldX, autoBoxWidth = bandAxisHelper.getBandwidth(xField.length - 1) / xField.length;
+        return this._autoBoxWidth = autoBoxWidth, this._autoBoxWidth;
+    }
+    onLayoutEnd() {
+        super.onLayoutEnd(), this._autoBoxWidth = null;
+    }
+    getActiveMarks() {
+        return [ this._candlestickMark ];
+    }
+}
+
+CandlestickSeries.type = CANDLESTICK_SERIES_TYPE, CandlestickSeries.builtInTheme = {
+    candlestick: candlestick
+}, CandlestickSeries.mark = CandlestickSeriesMark;
+
+export const registerCandlestickSeries = () => {
+    registerCandlestickMark(), registerSymbolMark(), registerScaleInOutAnimation(), 
+    registerCartesianBandAxis(), registerCartesianLinearAxis(), registerCandlestickScaleAnimation(), 
+    Factory.registerSeries(CandlestickSeries.type, CandlestickSeries);
+};
+//# sourceMappingURL=candlestick.js.map

package/esm/charts/candlestick/series/candlestick.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/candlestick/series/candlestick.ts"],"names":[],"mappings":"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","file":"candlestick.js","sourcesContent":["import { registerCandlestickMark, ICandlestickMark } from '../mark/candlestick';\nimport {\n  registerSymbolMark,\n  registerScaleInOutAnimation,\n  registerCartesianBandAxis,\n  registerCartesianLinearAxis,\n  CartesianSeries,\n  IMark,\n  Factory,\n  STATE_VALUE_ENUM,\n  AttributeLevel,\n  Datum,\n  IModelInitOption,\n  getGroupAnimationParams,\n  animationConfig,\n  userAnimationConfig\n} from '@visactor/vchart';\nimport { valueInScaleRange } from '@visactor/vchart';\nimport { IGlyphMark } from '@visactor/vchart';\nimport { merge } from '@visactor/vutils';\nimport type { ICandlestickSeriesSpec } from './interface';\nimport { registerCandlestickScaleAnimation } from './animation';\nimport { CANDLESTICK_SERIES_TYPE, CandlestickSeriesMark } from './constant';\nimport { CandlestickSeriesTooltipHelper } from './tooltip-helper';\nimport { candlestick } from './theme';\n\nexport const DEFAULT_STROKE_COLOR = '#000';\nexport class CandlestickSeries<T extends ICandlestickSeriesSpec = ICandlestickSeriesSpec> extends CartesianSeries<T> {\n  static readonly type: string = CANDLESTICK_SERIES_TYPE;\n  type = CANDLESTICK_SERIES_TYPE;\n\n  static readonly builtInTheme = { candlestick };\n  static readonly mark = CandlestickSeriesMark;\n  protected _openField: string;\n  getOpenField(): string {\n    return this._openField;\n  }\n  protected _highField: string;\n  getHighField(): string {\n    return this._highField;\n  }\n  protected _lowField: string;\n  getLowField(): string {\n    return this._lowField;\n  }\n  protected _closeField: string;\n  getCloseField(): string {\n    return this._closeField;\n  }\n  protected _boxWidth: number;\n  protected _boxFill: string | ((datum: Datum) => string);\n  getBoxFill(): string | ((datum: Datum) => string) {\n    return this._boxFill;\n  }\n  protected _strokeColor: string;\n  getStrokeColor(): string {\n    return this._strokeColor;\n  }\n  private _autoBoxWidth: number;\n  private _mergedStyles: { rising: any; falling: any; doji: any } = {\n    rising: {},\n    falling: {},\n    doji: {}\n  };\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    const spec = this._spec;\n    const CandlestickStyle: any = spec.candlestick?.style ?? {};\n    this._openField = spec.openField;\n    this._highField = spec.highField;\n    this._lowField = spec.lowField;\n    this._closeField = spec.closeField;\n    this._boxWidth = CandlestickStyle.boxWidth;\n    this._boxFill = CandlestickStyle.boxFill;\n    this._strokeColor = CandlestickStyle.strokeColor;\n    this._buildMergedStyles(\n      CandlestickStyle,\n      spec.rising?.style ?? {},\n      spec.falling?.style ?? {},\n      spec.doji?.style ?? {}\n    );\n  }\n\n  private _candlestickMark?: ICandlestickMark;\n\n  initMark(): void {\n    this._candlestickMark = this._createMark(CandlestickSeries.mark.candlestick, {\n      groupKey: this._seriesField,\n      isSeriesMark: true\n    }) as ICandlestickMark;\n  }\n\n  initMarkStyle(): void {\n    const candlestickMark = this._candlestickMark;\n    if (candlestickMark) {\n      const CandlestickStyles = {\n        fill: (datum: Datum) => {\n          const boxFill = this.mergeStyle(datum).boxFill;\n          return boxFill;\n        },\n        stroke: (datum: Datum) => {\n          const strokeColor = this.mergeStyle(datum).stroke;\n          return strokeColor;\n        },\n        lineWidth: (datum: Datum) => {\n          const lineWidth = this.mergeStyle(datum).lineWidth;\n          return lineWidth;\n        },\n        boxWidth: this._boxWidth ?? this._getMarkWidth.bind(this),\n        x: this.dataToPositionX.bind(this)\n      };\n      (candlestickMark as IGlyphMark).setGlyphConfig({});\n      this.setMarkStyle(candlestickMark, CandlestickStyles, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);\n    }\n  }\n\n  initCandlestickMarkStyle() {\n    const candlestickMark = this._candlestickMark;\n    const axisHelper = this._yAxisHelper;\n    if (candlestickMark && axisHelper) {\n      const { dataToPosition } = axisHelper;\n      const scale = axisHelper?.getScale?.(0);\n      this.setMarkStyle(\n        candlestickMark,\n        {\n          open: (datum: Datum) =>\n            valueInScaleRange(\n              dataToPosition(this.getDatumPositionValues(datum, this._openField), {\n                bandPosition: this._bandPosition\n              }),\n              scale\n            ),\n          high: (datum: Datum) =>\n            valueInScaleRange(\n              dataToPosition(this.getDatumPositionValues(datum, this._highField), {\n                bandPosition: this._bandPosition\n              }),\n              scale\n            ),\n          low: (datum: Datum) =>\n            valueInScaleRange(\n              dataToPosition(this.getDatumPositionValues(datum, this._lowField), {\n                bandPosition: this._bandPosition\n              }),\n              scale\n            ),\n          close: (datum: Datum) =>\n            valueInScaleRange(\n              dataToPosition(this.getDatumPositionValues(datum, this._closeField), {\n                bandPosition: this._bandPosition\n              }),\n              scale\n            )\n        },\n        STATE_VALUE_ENUM.STATE_NORMAL,\n        AttributeLevel.Series\n      );\n    }\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    //init在axis初始化之后才被执行，此时axisHelper不为空\n    this.initCandlestickMarkStyle();\n  }\n\n  private _initAnimationSpec(config: any = {}) {\n    const newConfig = merge({}, config);\n    ['appear', 'enter', 'update', 'exit', 'disappear'].forEach(state => {\n      if (newConfig[state] && newConfig[state].type === 'scaleIn') {\n        newConfig[state].type = 'candlestickScaleIn';\n      } else if (newConfig[state] && newConfig[state].type === 'scaleOut') {\n        newConfig[state].type = 'candlestickScaleOut';\n      }\n    });\n    return newConfig;\n  }\n\n  initAnimation() {\n    const animationParams = getGroupAnimationParams(this);\n\n    if (this._candlestickMark) {\n      const newDefaultConfig = this._initAnimationSpec(Factory.getAnimationInKey('scaleInOut')?.());\n      const newConfig = this._initAnimationSpec(\n        userAnimationConfig(CANDLESTICK_SERIES_TYPE, this._spec, this._markAttributeContext)\n      );\n      this._candlestickMark.setAnimationConfig(animationConfig(newDefaultConfig, newConfig, animationParams));\n    }\n  }\n\n  protected initTooltip() {\n    this._tooltipHelper = new CandlestickSeriesTooltipHelper(this);\n    this._candlestickMark && this._tooltipHelper.activeTriggerSet.mark.add(this._candlestickMark);\n  }\n\n  private _buildMergedStyles(baseStyle: any, risingStyle: any, fallingStyle: any, dojiStyle: any) {\n    this._mergedStyles.rising = merge({}, baseStyle, risingStyle);\n    this._mergedStyles.falling = merge({}, baseStyle, fallingStyle);\n    this._mergedStyles.doji = merge({}, baseStyle, dojiStyle);\n  }\n\n  protected mergeStyle(datum: Datum): any {\n    const open = this.getDatumPositionValues(datum, this._openField)[0];\n    const close = this.getDatumPositionValues(datum, this._closeField)[0];\n    if (open < close) {\n      return this._mergedStyles.rising;\n    } else if (open > close) {\n      return this._mergedStyles.falling;\n    } else {\n      return this._mergedStyles.doji;\n    }\n  }\n\n  private _getMarkWidth() {\n    if (this._autoBoxWidth) {\n      return this._autoBoxWidth;\n    }\n    //获取自适应的图元宽度\n    const bandAxisHelper = this._xAxisHelper;\n    const xField = this._fieldX;\n\n    const innerBandWidth = bandAxisHelper.getBandwidth(xField.length - 1);\n    const autoBoxWidth = innerBandWidth / xField.length;\n    this._autoBoxWidth = autoBoxWidth;\n\n    return this._autoBoxWidth;\n  }\n\n  onLayoutEnd() {\n    super.onLayoutEnd();\n    this._autoBoxWidth = null;\n  }\n\n  getActiveMarks(): IMark[] {\n    return [this._candlestickMark];\n  }\n}\n\nexport const registerCandlestickSeries = () => {\n  registerCandlestickMark();\n  registerSymbolMark();\n  registerScaleInOutAnimation();\n  registerCartesianBandAxis();\n  registerCartesianLinearAxis();\n  registerCandlestickScaleAnimation();\n  Factory.registerSeries(CandlestickSeries.type, CandlestickSeries);\n};\n"]}