@visactor/vchart 0.0.1-alpha.2 → 1.0.0-alpha.0

package/esm/series/gauge/gauge.js

@@ -2,16 +2,20 @@ import { MarkTypeEnum } from "../../mark/interface";
 
 import { isValid, radians } from "../../util";
 
-import { SeriesTypeEnum } from "../interface";
+import { SeriesMarkNameEnum, SeriesTypeEnum } from "../interface";
 
 import { ProgressLikeSeries } from "../polar/progress-like/progress-like";
 
-import { DataSet, DataView, dataViewParser } from "@visactor/vdataset";
-
-import { registerDataSetInstanceParser, registerDataSetInstanceTransform } from "../../data/register";
+import { registerDataSetInstanceTransform } from "../../data/register";
 
 import { SEGMENT_FIELD_END, SEGMENT_FIELD_START } from "../../constant";
 
+import { animationConfig, userAnimationConfig } from "../../animation/utils";
+
+import { DEFAULT_MARK_ANIMATION } from "../../animation/config";
+
+import { BaseSeries } from "../base/base-series";
+
 export class GaugeSeries extends ProgressLikeSeries {
     constructor() {
         super(...arguments), this.type = SeriesTypeEnum.gauge, this._segmentMark = null, 
@@ -22,26 +26,21 @@ export class GaugeSeries extends ProgressLikeSeries {
         super.setAttrFromSpec(), this._padAngle = radians(null !== (_a = this._spec.padAngle) && void 0 !== _a ? _a : 0);
     }
     initData() {
+        var _a;
         super.initData();
-        const dataSet = new DataSet;
-        registerDataSetInstanceParser(dataSet, "dataview", dataViewParser), registerDataSetInstanceTransform(dataSet, "spiltSegment", ((data, op) => {
-            const dataCollect = [ ...data[0].latestData ];
+        registerDataSetInstanceTransform(this._option.dataSet, "spiltSegment", ((data, op) => {
+            const dataCollect = [ ...data ];
             return dataCollect.sort(((a, b) => a[this._angleField[0]] - b[this._angleField[0]])), 
             dataCollect.forEach(((datum, i) => {
                 datum[SEGMENT_FIELD_END] = datum[this._angleField[0]], datum[SEGMENT_FIELD_START] = i > 0 ? dataCollect[i - 1][SEGMENT_FIELD_END] : void 0;
             })), dataCollect;
-        }));
-        const segmentDataView = new DataView(dataSet);
-        segmentDataView.parse([ this.getViewData() ], {
-            type: "dataview"
-        }), segmentDataView.transform({
+        })), null === (_a = this.getViewDataFilter()) || void 0 === _a || _a.transform({
             type: "spiltSegment"
-        }, !1), this._segmentData = segmentDataView;
+        }, !1);
     }
     initMark() {
-        this._trackMark = this._createMark(MarkTypeEnum.progressArc, "track"), this._segmentMark = this._createMark(MarkTypeEnum.progressArc, "segment", {
-            isSeriesMark: !0,
-            dataView: this._segmentData
+        this._trackMark = this._createMark(GaugeSeries.mark.track), this._segmentMark = this._createMark(GaugeSeries.mark.segment, {
+            isSeriesMark: !0
         });
     }
     initMarkStyle() {
@@ -67,7 +66,6 @@ export class GaugeSeries extends ProgressLikeSeries {
             boundsMode: "imprecise",
             cornerRadius: this._spec.cornerRadius,
             fill: this.getColorAttribute(),
-            fillOpacity: 1,
             zIndex: 200,
             forceShowCap: !0
         }), this._trigger.registerMark(segmentMark), null === (_b = this._tooltipHelper) || void 0 === _b || _b.activeTriggerSet.mark.add(segmentMark));
@@ -91,7 +89,23 @@ export class GaugeSeries extends ProgressLikeSeries {
         var _a;
         return this.angleAxisHelper.dataToPosition([ datum[SEGMENT_FIELD_END] ]) - (null !== (_a = this._spec.padAngle) && void 0 !== _a ? _a : 0) / 2;
     }
+    initAnimation() {
+        var _a, _b;
+        const appearPreset = null === (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.animationAppear) || void 0 === _b ? void 0 : _b.preset;
+        this._segmentMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.circularProgress({
+            startAngle: this._startAngle
+        }, appearPreset), userAnimationConfig(SeriesMarkNameEnum.segment, this._spec)));
+    }
 }
 
-GaugeSeries.type = SeriesTypeEnum.gauge;
+GaugeSeries.type = SeriesTypeEnum.gauge, GaugeSeries.mark = Object.assign(Object.assign({}, BaseSeries.mark), {
+    [SeriesMarkNameEnum.segment]: {
+        name: SeriesMarkNameEnum.segment,
+        type: MarkTypeEnum.progressArc
+    },
+    [SeriesMarkNameEnum.track]: {
+        name: SeriesMarkNameEnum.track,
+        type: MarkTypeEnum.progressArc
+    }
+});
 //# sourceMappingURL=gauge.js.map

package/esm/series/gauge/gauge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/gauge/gauge.ts"],"names":[],"mappings":"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","file":"gauge.js","sourcesContent":["import { MarkTypeEnum } from '../../mark/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { isValid, radians } from '../../util';\nimport { SeriesTypeEnum } from '../interface';\nimport type { IGaugeSeriesSpec, IGaugeSeriesTheme } from './interface';\nimport { ProgressLikeSeries } from '../polar/progress-like/progress-like';\nimport type { IProgressArcMark } from '../../mark/progress-arc';\nimport { DataSet, DataView, dataViewParser } from '@visactor/vdataset';\nimport { registerDataSetInstanceParser, registerDataSetInstanceTransform } from '../../data/register';\nimport { SEGMENT_FIELD_END, SEGMENT_FIELD_START } from '../../constant';\nimport type { Datum } from '@visactor/vgrammar';\nimport type { Maybe } from '../../typings';\n\nexport class GaugeSeries extends ProgressLikeSeries<IGaugeSeriesSpec> {\n  static readonly type: string = SeriesTypeEnum.gauge;\n  type = SeriesTypeEnum.gauge;\n\n  protected declare _theme: Maybe<IGaugeSeriesTheme>;\n\n  private _segmentMark: IProgressArcMark | null = null;\n  private _trackMark: IProgressArcMark | null = null;\n\n  protected _stack: boolean = false;\n  protected _padAngle: number = 0;\n\n  protected _segmentData: DataView;\n\n  setAttrFromSpec(): void {\n    super.setAttrFromSpec();\n\n    this._padAngle = radians(this._spec.padAngle ?? 0);\n  }\n\n  initData(): void {\n    super.initData();\n\n    /**\n     * @description 将数据排序并调整图元的起始点为上一个数据的终点，但是终点维持不变\n     */\n    const spiltSegment = (data: Array<DataView>, op: string) => {\n      // 数据处理\n      const dataCollect = [...data[0].latestData];\n      dataCollect.sort((a, b) => a[this._angleField[0]] - b[this._angleField[0]]);\n      dataCollect.forEach((datum: any, i) => {\n        datum[SEGMENT_FIELD_END] = datum[this._angleField[0]];\n        if (i > 0) {\n          datum[SEGMENT_FIELD_START] = dataCollect[i - 1][SEGMENT_FIELD_END];\n        } else {\n          datum[SEGMENT_FIELD_START] = undefined;\n        }\n      });\n      return dataCollect;\n    };\n\n    // data to dataview\n    const dataSet = new DataSet();\n    registerDataSetInstanceParser(dataSet, 'dataview', dataViewParser);\n    registerDataSetInstanceTransform(dataSet, 'spiltSegment', spiltSegment);\n    const segmentDataView = new DataView(dataSet);\n    segmentDataView.parse([this.getViewData()], {\n      type: 'dataview'\n    });\n    segmentDataView.transform(\n      {\n        type: 'spiltSegment'\n      },\n      false\n    );\n\n    this._segmentData = segmentDataView;\n  }\n\n  initMark(): void {\n    this._trackMark = this._createMark(MarkTypeEnum.progressArc, 'track') as IProgressArcMark;\n    this._segmentMark = this._createMark(MarkTypeEnum.progressArc, 'segment', {\n      isSeriesMark: true,\n      dataView: this._segmentData\n    }) as IProgressArcMark;\n  }\n\n  initMarkStyle(): void {\n    this.initTrackMarkStyle();\n    this.initSegmentMarkStyle();\n  }\n\n  private initSegmentMarkStyle() {\n    const segmentMark = this._segmentMark;\n    if (segmentMark) {\n      this.setMarkStyle(segmentMark, {\n        x: () => this.angleAxisHelper.center().x,\n        y: () => this.angleAxisHelper.center().y,\n        startAngle: this._getAngleValueStart.bind(this),\n        endAngle: this._getAngleValueEnd.bind(this),\n        innerRadius: () => this._computeLayoutRadius() * (this._spec.innerRadius ?? 0),\n        // 需要优先兼容this._spec.radius\n        outerRadius: () => this._computeLayoutRadius() * (this._spec.radius ?? this._spec.outerRadius ?? 1),\n        cap: this._spec.roundCap ?? false,\n        boundsMode: 'imprecise',\n        cornerRadius: this._spec.cornerRadius,\n        fill: this.getColorAttribute(),\n        fillOpacity: 1,\n        zIndex: 200,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // forceShowCap 是内部属性，不在接口中暴露\n        forceShowCap: true\n      });\n      this._trigger.registerMark(segmentMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(segmentMark);\n    }\n  }\n\n  private initTrackMarkStyle() {\n    const trackMark = this._trackMark;\n    if (trackMark) {\n      this.setMarkStyle(trackMark, {\n        x: () => this.angleAxisHelper.center().x,\n        y: () => this.angleAxisHelper.center().y,\n        startAngle: this._startAngle,\n        endAngle: this._endAngle,\n        cornerRadius: this._spec.cornerRadius,\n        zIndex: 100\n      });\n      this._trigger.registerMark(trackMark);\n    }\n  }\n\n  protected _getAngleValueStart(datum: Datum) {\n    const angle = isValid(datum[SEGMENT_FIELD_START])\n      ? this.angleAxisHelper.dataToPosition([datum[SEGMENT_FIELD_START]])\n      : this._startAngle;\n    return angle + (this._spec.padAngle ?? 0) / 2;\n  }\n\n  protected _getAngleValueEnd(datum: Datum) {\n    const angle = this.angleAxisHelper.dataToPosition([datum[SEGMENT_FIELD_END]]);\n    return angle - (this._spec.padAngle ?? 0) / 2;\n  }\n}\n"]}
+{"version":3,"sources":["../src/series/gauge/gauge.ts"],"names":[],"mappings":"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","file":"gauge.js","sourcesContent":["import { MarkTypeEnum } from '../../mark/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { isValid, radians } from '../../util';\nimport type { SeriesMarkMap } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { SeriesMarkNameEnum, SeriesTypeEnum } from '../interface';\nimport type { IGaugeSeriesSpec, IGaugeSeriesTheme } from './interface';\nimport { ProgressLikeSeries } from '../polar/progress-like/progress-like';\nimport type { IProgressArcMark } from '../../mark/progress-arc';\nimport { registerDataSetInstanceTransform } from '../../data/register';\nimport { SEGMENT_FIELD_END, SEGMENT_FIELD_START } from '../../constant';\nimport type { Datum } from '@visactor/vgrammar';\nimport type { Maybe } from '../../typings';\nimport type { IStateAnimateSpec } from '../../animation/spec';\nimport { animationConfig, userAnimationConfig } from '../../animation/utils';\nimport { DEFAULT_MARK_ANIMATION } from '../../animation/config';\nimport { BaseSeries } from '../base/base-series';\n\nexport class GaugeSeries extends ProgressLikeSeries<IGaugeSeriesSpec> {\n  static readonly type: string = SeriesTypeEnum.gauge;\n  type = SeriesTypeEnum.gauge;\n\n  static readonly mark: SeriesMarkMap = {\n    ...BaseSeries.mark,\n    [SeriesMarkNameEnum.segment]: { name: SeriesMarkNameEnum.segment, type: MarkTypeEnum.progressArc },\n    [SeriesMarkNameEnum.track]: { name: SeriesMarkNameEnum.track, type: MarkTypeEnum.progressArc }\n  };\n\n  protected declare _theme: Maybe<IGaugeSeriesTheme>;\n\n  private _segmentMark: IProgressArcMark | null = null;\n  private _trackMark: IProgressArcMark | null = null;\n\n  protected _stack: boolean = false;\n  protected _padAngle: number = 0;\n\n  setAttrFromSpec(): void {\n    super.setAttrFromSpec();\n\n    this._padAngle = radians(this._spec.padAngle ?? 0);\n  }\n\n  initData(): void {\n    super.initData();\n\n    /**\n     * @description 将数据排序并调整图元的起始点为上一个数据的终点，但是终点维持不变\n     */\n    const spiltSegment = (data: Datum[], op: string) => {\n      // 数据处理\n      const dataCollect = [...data];\n      dataCollect.sort((a, b) => a[this._angleField[0]] - b[this._angleField[0]]);\n      dataCollect.forEach((datum: any, i) => {\n        datum[SEGMENT_FIELD_END] = datum[this._angleField[0]];\n        if (i > 0) {\n          datum[SEGMENT_FIELD_START] = dataCollect[i - 1][SEGMENT_FIELD_END];\n        } else {\n          datum[SEGMENT_FIELD_START] = undefined;\n        }\n      });\n      return dataCollect;\n    };\n\n    registerDataSetInstanceTransform(this._option.dataSet, 'spiltSegment', spiltSegment);\n    this.getViewDataFilter()?.transform(\n      {\n        type: 'spiltSegment'\n      },\n      false\n    );\n  }\n\n  initMark(): void {\n    this._trackMark = this._createMark(GaugeSeries.mark.track) as IProgressArcMark;\n    this._segmentMark = this._createMark(GaugeSeries.mark.segment, {\n      isSeriesMark: true\n    }) as IProgressArcMark;\n  }\n\n  initMarkStyle(): void {\n    this.initTrackMarkStyle();\n    this.initSegmentMarkStyle();\n  }\n\n  private initSegmentMarkStyle() {\n    const segmentMark = this._segmentMark;\n    if (segmentMark) {\n      this.setMarkStyle(segmentMark, {\n        x: () => this.angleAxisHelper.center().x,\n        y: () => this.angleAxisHelper.center().y,\n        startAngle: this._getAngleValueStart.bind(this),\n        endAngle: this._getAngleValueEnd.bind(this),\n        innerRadius: () => this._computeLayoutRadius() * (this._spec.innerRadius ?? 0),\n        // 需要优先兼容this._spec.radius\n        outerRadius: () => this._computeLayoutRadius() * (this._spec.radius ?? this._spec.outerRadius ?? 1),\n        cap: this._spec.roundCap ?? false,\n        boundsMode: 'imprecise',\n        cornerRadius: this._spec.cornerRadius,\n        fill: this.getColorAttribute(),\n        zIndex: 200,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // forceShowCap 是内部属性，不在接口中暴露\n        forceShowCap: true\n      });\n      this._trigger.registerMark(segmentMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(segmentMark);\n    }\n  }\n\n  private initTrackMarkStyle() {\n    const trackMark = this._trackMark;\n    if (trackMark) {\n      this.setMarkStyle(trackMark, {\n        x: () => this.angleAxisHelper.center().x,\n        y: () => this.angleAxisHelper.center().y,\n        startAngle: this._startAngle,\n        endAngle: this._endAngle,\n        cornerRadius: this._spec.cornerRadius,\n        zIndex: 100\n      });\n      this._trigger.registerMark(trackMark);\n    }\n  }\n\n  protected _getAngleValueStart(datum: Datum) {\n    const angle = isValid(datum[SEGMENT_FIELD_START])\n      ? this.angleAxisHelper.dataToPosition([datum[SEGMENT_FIELD_START]])\n      : this._startAngle;\n    return angle + (this._spec.padAngle ?? 0) / 2;\n  }\n\n  protected _getAngleValueEnd(datum: Datum) {\n    const angle = this.angleAxisHelper.dataToPosition([datum[SEGMENT_FIELD_END]]);\n    return angle - (this._spec.padAngle ?? 0) / 2;\n  }\n\n  initAnimation() {\n    const appearPreset = (this._spec?.animationAppear as IStateAnimateSpec<any>)?.preset;\n\n    this._segmentMark.setAnimationConfig(\n      animationConfig(\n        DEFAULT_MARK_ANIMATION.circularProgress(\n          {\n            startAngle: this._startAngle\n          },\n          appearPreset\n        ),\n        userAnimationConfig(SeriesMarkNameEnum.segment, this._spec)\n      )\n    );\n  }\n}\n"]}

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

@@ -3,14 +3,15 @@ import type { IArcMarkSpec, IPathMarkSpec, IProgressArcMarkSpec, IRectMarkSpec }
 import type { IProgressLikeSeriesSpec, IProgressLikeSeriesTheme } from '../polar/progress-like/interface';
 import type { IAnimationSpec } from '../../animation/spec';
 import type { ProgressLikeAppearPreset } from '../polar/progress-like';
+import type { SeriesMarkNameEnum } from '../interface';
 export type GaugePointerMarks = 'pointer' | 'pin' | 'pinBackground';
 export interface IGaugePointerSeriesSpec extends IProgressLikeSeriesSpec, IAnimationSpec<GaugePointerMarks, ProgressLikeAppearPreset> {
     type: 'gaugePointer';
     valueField: string | string[];
     radiusField: string;
-    pin?: IMarkSpec<IPathMarkSpec> & PinMarkSpec;
-    pinBackground?: IMarkSpec<IPathMarkSpec> & PinMarkSpec;
-    pointer?: IMarkSpec<IPathMarkSpec | IRectMarkSpec> & PointerMarkSpec;
+    [SeriesMarkNameEnum.pin]?: IMarkSpec<IPathMarkSpec> & PinMarkSpec;
+    [SeriesMarkNameEnum.pinBackground]?: IMarkSpec<IPathMarkSpec> & PinMarkSpec;
+    [SeriesMarkNameEnum.pointer]?: IMarkSpec<IPathMarkSpec | IRectMarkSpec> & PointerMarkSpec;
 }
 export type PointerMarkSpec = {
     type: 'path' | 'rect';
@@ -25,19 +26,19 @@ export type PinMarkSpec = {
     height?: number;
 };
 export interface IGaugePointerSeriesTheme extends IProgressLikeSeriesTheme {
-    pin?: Partial<IMarkTheme<IPathMarkSpec> & PinMarkSpec>;
-    pinBackground?: Partial<IMarkTheme<IPathMarkSpec> & PinMarkSpec>;
-    pointer?: Partial<IMarkTheme<IPathMarkSpec | IRectMarkSpec> & PointerMarkSpec>;
+    [SeriesMarkNameEnum.pin]?: Partial<IMarkTheme<IPathMarkSpec> & PinMarkSpec>;
+    [SeriesMarkNameEnum.pinBackground]?: Partial<IMarkTheme<IPathMarkSpec> & PinMarkSpec>;
+    [SeriesMarkNameEnum.pointer]?: Partial<IMarkTheme<IPathMarkSpec | IRectMarkSpec> & PointerMarkSpec>;
 }
 export type GaugeMarks = 'segment' | 'track';
-export interface IGaugeSeriesSpec extends IProgressLikeSeriesSpec {
+export interface IGaugeSeriesSpec extends IProgressLikeSeriesSpec, IAnimationSpec<GaugeMarks, ProgressLikeAppearPreset> {
     type: 'gauge';
     padAngle?: number;
-    segment?: IMarkSpec<IProgressArcMarkSpec>;
-    track?: IMarkSpec<IArcMarkSpec>;
+    [SeriesMarkNameEnum.segment]?: IMarkSpec<IProgressArcMarkSpec>;
+    [SeriesMarkNameEnum.track]?: IMarkSpec<IArcMarkSpec>;
 }
 export interface IGaugeSeriesTheme extends IProgressLikeSeriesTheme {
     padAngle?: number;
-    segment?: Partial<IMarkTheme<IProgressArcMarkSpec>>;
-    track?: Partial<IMarkTheme<IArcMarkSpec>>;
+    [SeriesMarkNameEnum.segment]?: Partial<IMarkTheme<IProgressArcMarkSpec>>;
+    [SeriesMarkNameEnum.track]?: Partial<IMarkTheme<IArcMarkSpec>>;
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/gauge/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMarkSpec, IMarkTheme } from '../../typings/spec';\nimport type { IArcMarkSpec, IPathMarkSpec, IProgressArcMarkSpec, IRectMarkSpec } from '../../typings/visual';\nimport type { IProgressLikeSeriesSpec, IProgressLikeSeriesTheme } from '../polar/progress-like/interface';\nimport type { IAnimationSpec } from '../../animation/spec';\nimport type { ProgressLikeAppearPreset } from '../polar/progress-like';\n\nexport type GaugePointerMarks = 'pointer' | 'pin' | 'pinBackground';\n\nexport interface IGaugePointerSeriesSpec\n  extends IProgressLikeSeriesSpec,\n    IAnimationSpec<GaugePointerMarks, ProgressLikeAppearPreset> {\n  type: 'gaugePointer';\n\n  /** 数值字段（可影响指针角度） */\n  valueField: string | string[];\n\n  /** 半径字段（可影响指针长度，GaugePointerSeries 没有 categoryField） */\n  radiusField: string;\n\n  /** 图钉前景样式 */\n  pin?: IMarkSpec<IPathMarkSpec> & PinMarkSpec;\n  /** 图钉背景样式 */\n  pinBackground?: IMarkSpec<IPathMarkSpec> & PinMarkSpec;\n  /** 指针样式 */\n  pointer?: IMarkSpec<IPathMarkSpec | IRectMarkSpec> & PointerMarkSpec;\n}\n\nexport type PointerMarkSpec = {\n  type: 'path' | 'rect';\n\n  /** 指针宽度比例（0~1） */\n  width?: number;\n  /** 指针长度比例（0~1）（为空则挂载 radius） */\n  height?: number;\n  /** 指针靠近圆心的一端离圆心的距离 */\n  innerPadding?: number;\n  /** 指针靠近边缘的一端离边缘的距离 */\n  outerPadding?: number;\n\n  /** 中心点坐标（0~1） */\n  center?: [number, number];\n};\n\nexport type PinMarkSpec = {\n  /** 宽度 */\n  width?: number;\n  /** 高度 */\n  height?: number;\n};\n\nexport interface IGaugePointerSeriesTheme extends IProgressLikeSeriesTheme {\n  /** 图钉前景样式 */\n  pin?: Partial<IMarkTheme<IPathMarkSpec> & PinMarkSpec>;\n  /** 图钉背景样式 */\n  pinBackground?: Partial<IMarkTheme<IPathMarkSpec> & PinMarkSpec>;\n  /** 指针样式 */\n  pointer?: Partial<IMarkTheme<IPathMarkSpec | IRectMarkSpec> & PointerMarkSpec>;\n}\n\nexport type GaugeMarks = 'segment' | 'track';\n\nexport interface IGaugeSeriesSpec extends IProgressLikeSeriesSpec {\n  type: 'gauge';\n\n  /** 扇区间隔角度 */\n  padAngle?: number;\n\n  /** 扇区样式 */\n  segment?: IMarkSpec<IProgressArcMarkSpec>;\n  /** 背景样式 */\n  track?: IMarkSpec<IArcMarkSpec>;\n}\n\nexport interface IGaugeSeriesTheme extends IProgressLikeSeriesTheme {\n  /** 扇区间隔角度 */\n  padAngle?: number;\n\n  /** 扇区样式 */\n  segment?: Partial<IMarkTheme<IProgressArcMarkSpec>>;\n  /** 背景样式 */\n  track?: Partial<IMarkTheme<IArcMarkSpec>>;\n}\n"]}
+{"version":3,"sources":["../src/series/gauge/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMarkSpec, IMarkTheme } from '../../typings/spec';\nimport type { IArcMarkSpec, IPathMarkSpec, IProgressArcMarkSpec, IRectMarkSpec } from '../../typings/visual';\nimport type { IProgressLikeSeriesSpec, IProgressLikeSeriesTheme } from '../polar/progress-like/interface';\nimport type { IAnimationSpec } from '../../animation/spec';\nimport type { ProgressLikeAppearPreset } from '../polar/progress-like';\nimport type { SeriesMarkNameEnum } from '../interface';\n\nexport type GaugePointerMarks = 'pointer' | 'pin' | 'pinBackground';\n\nexport interface IGaugePointerSeriesSpec\n  extends IProgressLikeSeriesSpec,\n    IAnimationSpec<GaugePointerMarks, ProgressLikeAppearPreset> {\n  type: 'gaugePointer';\n\n  /** 数值字段（可影响指针角度） */\n  valueField: string | string[];\n\n  /** 半径字段（可影响指针长度，GaugePointerSeries 没有 categoryField） */\n  radiusField: string;\n\n  /** 图钉前景样式 */\n  [SeriesMarkNameEnum.pin]?: IMarkSpec<IPathMarkSpec> & PinMarkSpec;\n  /** 图钉背景样式 */\n  [SeriesMarkNameEnum.pinBackground]?: IMarkSpec<IPathMarkSpec> & PinMarkSpec;\n  /** 指针样式 */\n  [SeriesMarkNameEnum.pointer]?: IMarkSpec<IPathMarkSpec | IRectMarkSpec> & PointerMarkSpec;\n}\n\nexport type PointerMarkSpec = {\n  type: 'path' | 'rect';\n\n  /** 指针宽度比例（0~1） */\n  width?: number;\n  /** 指针长度比例（0~1）（为空则挂载 radius） */\n  height?: number;\n  /** 指针靠近圆心的一端离圆心的距离 */\n  innerPadding?: number;\n  /** 指针靠近边缘的一端离边缘的距离 */\n  outerPadding?: number;\n\n  /** 中心点坐标（0~1） */\n  center?: [number, number];\n};\n\nexport type PinMarkSpec = {\n  /** 宽度 */\n  width?: number;\n  /** 高度 */\n  height?: number;\n};\n\nexport interface IGaugePointerSeriesTheme extends IProgressLikeSeriesTheme {\n  /** 图钉前景样式 */\n  [SeriesMarkNameEnum.pin]?: Partial<IMarkTheme<IPathMarkSpec> & PinMarkSpec>;\n  /** 图钉背景样式 */\n  [SeriesMarkNameEnum.pinBackground]?: Partial<IMarkTheme<IPathMarkSpec> & PinMarkSpec>;\n  /** 指针样式 */\n  [SeriesMarkNameEnum.pointer]?: Partial<IMarkTheme<IPathMarkSpec | IRectMarkSpec> & PointerMarkSpec>;\n}\n\nexport type GaugeMarks = 'segment' | 'track';\n\nexport interface IGaugeSeriesSpec\n  extends IProgressLikeSeriesSpec,\n    IAnimationSpec<GaugeMarks, ProgressLikeAppearPreset> {\n  type: 'gauge';\n\n  /** 扇区间隔角度 */\n  padAngle?: number;\n\n  /** 扇区样式 */\n  [SeriesMarkNameEnum.segment]?: IMarkSpec<IProgressArcMarkSpec>;\n  /** 背景样式 */\n  [SeriesMarkNameEnum.track]?: IMarkSpec<IArcMarkSpec>;\n}\n\nexport interface IGaugeSeriesTheme extends IProgressLikeSeriesTheme {\n  /** 扇区间隔角度 */\n  padAngle?: number;\n\n  /** 扇区样式 */\n  [SeriesMarkNameEnum.segment]?: Partial<IMarkTheme<IProgressArcMarkSpec>>;\n  /** 背景样式 */\n  [SeriesMarkNameEnum.track]?: Partial<IMarkTheme<IArcMarkSpec>>;\n}\n"]}

package/esm/series/heatmap/heatmap.d.ts

@@ -3,12 +3,14 @@ import type { Maybe } from '../../typings';
 import type { IHeatmapSeriesSpec, IHeatmapSeriesTheme } from './interface';
 import type { IAxisHelper } from '../../component/axis/cartesian/interface';
 import type { ITextMark } from '../../mark/text';
+import type { SeriesMarkMap } from '../interface';
 import { SeriesTypeEnum } from '../interface';
 import type { ICellMark } from '../../mark/cell';
 export declare const DefaultBandWidth = 6;
 export declare class HeatmapSeries extends CartesianSeries<IHeatmapSeriesSpec> {
     static readonly type: string;
     type: SeriesTypeEnum;
+    static readonly mark: SeriesMarkMap;
     protected _theme: Maybe<IHeatmapSeriesTheme>;
     protected _cellMark: ICellMark;
     protected _backgroundMark: ICellMark;
@@ -22,7 +24,7 @@ export declare class HeatmapSeries extends CartesianSeries<IHeatmapSeriesSpec> {
     initCellMarkStyle(): void;
     initCellBackgroundMarkStyle(): void;
     getColorAttribute(): {
-        scale: import("@visactor/vscale").IBaseScale | import("@visactor/vscale").OrdinalScale;
+        scale: any;
         field: any;
     };
     initAnimation(): void;

package/esm/series/heatmap/heatmap.js

@@ -8,7 +8,7 @@ import { array, merge } from "../../util";
 
 import { animationConfig, shouldDoMorph, userAnimationConfig } from "../../animation/utils";
 
-import { SeriesTypeEnum } from "../interface";
+import { SeriesMarkNameEnum, SeriesTypeEnum } from "../interface";
 
 import { DEFAULT_MARK_ANIMATION } from "../../animation/config";
 
@@ -16,6 +16,8 @@ import { normalizePadding } from "@visactor/vutils";
 
 import { HeatmapSeriesTooltipHelper } from "./tooltip-helper";
 
+import { BaseSeries } from "../base/base-series";
+
 export const DefaultBandWidth = 6;
 
 export class HeatmapSeries extends CartesianSeries {
@@ -38,7 +40,7 @@ export class HeatmapSeries extends CartesianSeries {
             large: this._spec.large,
             largeThreshold: this._spec.largeThreshold
         };
-        this._cellMark = this._createMark(MarkTypeEnum.cell, "cell", {
+        this._cellMark = this._createMark(HeatmapSeries.mark.cell, {
             morph: shouldDoMorph(this._spec.animation, this._spec.morph, userAnimationConfig("cell", this._spec)),
             defaultMorphElementKey: this.getDimensionField()[0],
             isSeriesMark: !0,
@@ -46,7 +48,7 @@ export class HeatmapSeries extends CartesianSeries {
                 animation: this._spec.animation
             }, this._spec.label),
             progressive: progressive
-        }), this._backgroundMark = this._createMark(MarkTypeEnum.cell, "cellBackground", {
+        }), this._backgroundMark = this._createMark(HeatmapSeries.mark.cellBackground, {
             progressive: progressive
         });
     }
@@ -60,15 +62,14 @@ export class HeatmapSeries extends CartesianSeries {
         });
     }
     initCellMarkStyle() {
-        var _a, _b, _c, _d;
+        var _a;
         this.setMarkStyle(this._cellMark, {
             x: datum => this.dataToPositionX(datum),
             y: datum => this.dataToPositionY(datum),
             size: () => [ this.getCellSize(this._xAxisHelper), this.getCellSize(this._yAxisHelper) ],
-            fill: this.getColorAttribute(),
-            fillOpacity: null !== (_c = null === (_b = null === (_a = this._theme.cell) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fillOpacity) && void 0 !== _c ? _c : 1
+            fill: this.getColorAttribute()
         }, "normal", AttributeLevel.Series), this._trigger.registerMark(this._cellMark), 
-        null === (_d = this._tooltipHelper) || void 0 === _d || _d.activeTriggerSet.mark.add(this._cellMark);
+        null === (_a = this._tooltipHelper) || void 0 === _a || _a.activeTriggerSet.mark.add(this._cellMark);
     }
     initCellBackgroundMarkStyle() {
         var _a, _b, _c;
@@ -96,7 +97,7 @@ export class HeatmapSeries extends CartesianSeries {
     initAnimation() {
         var _a, _b;
         const appearPreset = null === (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.animationAppear) || void 0 === _b ? void 0 : _b.preset;
-        this._cellMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.heatmap(appearPreset), userAnimationConfig("cell", this._spec), {
+        this._cellMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.heatmap(appearPreset), userAnimationConfig(SeriesMarkNameEnum.cell, this._spec), {
             dataIndex: datum => {
                 var _a, _b, _c;
                 const xValue = null == datum ? void 0 : datum[this._fieldX[0]];
@@ -127,5 +128,14 @@ export class HeatmapSeries extends CartesianSeries {
     }
 }
 
-HeatmapSeries.type = SeriesTypeEnum.heatmap;
+HeatmapSeries.type = SeriesTypeEnum.heatmap, HeatmapSeries.mark = Object.assign(Object.assign({}, BaseSeries.mark), {
+    [SeriesMarkNameEnum.cell]: {
+        name: SeriesMarkNameEnum.cell,
+        type: MarkTypeEnum.cell
+    },
+    [SeriesMarkNameEnum.cellBackground]: {
+        name: SeriesMarkNameEnum.cellBackground,
+        type: MarkTypeEnum.cell
+    }
+});
 //# sourceMappingURL=heatmap.js.map

package/esm/series/heatmap/heatmap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/heatmap/heatmap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5F,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAE9D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAElC,MAAM,OAAO,aAAc,SAAQ,eAAmC;IAAtE;;QAEE,SAAI,GAAG,cAAc,CAAC,OAAO,CAAC;IA6KhC,CAAC;IArKC,aAAa;QACX,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IACD,aAAa,CAAC,CAAoB;QAChC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED,eAAe;QACb,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC;IAED,QAAQ;QACN,MAAM,WAAW,GAAG;YAClB,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe;YAC3C,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB;YACrD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc;SAC1C,CAAC;QAEF,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE;YAC3D,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACrG,sBAAsB,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC;YACnD,YAAY,EAAE,IAAI;YAClB,KAAK,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YACnE,WAAW;SACZ,CAAc,CAAC;QAEhB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,gBAAgB,EAAE;YAC3E,WAAW;SACZ,CAAc,CAAC;IAClB,CAAC;IAED,aAAa;QACX,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,2BAA2B,EAAE,CAAC;IACrC,CAAC;IAED,kBAAkB,CAAC,QAAmB;QACpC,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QACD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE;YAC1B,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE;YAC9B,IAAI,EAAE,CAAC,KAAY,EAAE,EAAE;gBACrB,OAAO,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB;;QACf,IAAI,CAAC,YAAY,CACf,IAAI,CAAC,SAAS,EACd;YACE,CAAC,EAAE,CAAC,KAAY,EAAE,EAAE;gBAClB,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;gBACxC,OAAO,GAAG,CAAC;YACb,CAAC;YACD,CAAC,EAAE,CAAC,KAAY,EAAE,EAAE;gBAClB,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;gBACxC,OAAO,GAAG,CAAC;YACb,CAAC;YACD,IAAI,EAAE,GAAG,EAAE;gBACT,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YACpF,CAAC;YACD,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE;YAC9B,WAAW,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,IAAI,0CAAE,KAAK,0CAAE,WAAW,mCAAI,CAAC;SACvD,EACD,QAAQ,EACR,cAAc,CAAC,MAAM,CACtB,CAAC;QAEF,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3C,MAAA,IAAI,CAAC,cAAc,0CAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACjE,CAAC;IAED,2BAA2B;;QACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAA,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,0CAAE,KAAK,0CAAE,OAAO,mCAAI,CAAC,CAAC,CAAC;QACjF,IAAI,CAAC,YAAY,CACf,IAAI,CAAC,eAAe,EACpB;YACE,CAAC,EAAE,CAAC,KAAY,EAAE,EAAE;gBAClB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;gBAClD,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;gBACxC,OAAO,GAAG,GAAG,KAAK,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACtC,CAAC;YACD,CAAC,EAAE,CAAC,KAAY,EAAE,EAAE;gBAClB,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;gBACnD,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;gBACxC,OAAO,GAAG,GAAG,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACvC,CAAC;YACD,KAAK,EAAE,GAAG,EAAE;gBACV,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACvE,CAAC;YACD,MAAM,EAAE,GAAG,EAAE;gBACX,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACvE,CAAC;SACF,EACD,QAAQ,EACR,cAAc,CAAC,MAAM,CACtB,CAAC;IACJ,CAAC;IAGD,iBAAiB;;QACf,OAAO;YAEL,KAAK,EAAE,MAAA,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,mCAAI,IAAI,CAAC,oBAAoB,EAAE;YAChF,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;SAC7B,CAAC;IACJ,CAAC;IAED,aAAa;;QACX,MAAM,YAAY,GAAG,MAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,eAA0D,0CAAE,MAAM,CAAC;QAErG,MAAM,SAAS,GAAG,CAAC,KAAU,EAAE,EAAE;;YAC/B,MAAM,MAAM,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YACxC,MAAM,MAAM,GAAG,MAAA,MAAA,MAAA,IAAI,CAAC,qBAAqB,EAAE,0CAAE,UAAU,0CAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,0CAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAEnG,OAAO,MAAM,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAC/B,eAAe,CAAC,sBAAsB,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;YACrG,SAAS;SACV,CAAC,CACH,CAAC;IACJ,CAAC;IAES,WAAW,CAAC,UAAuB;;QAC3C,OAAO,MAAA,MAAA,UAAU,CAAC,YAAY,2DAAG,CAAC,CAAC,mCAAI,gBAAgB,CAAC;IAC1D,CAAC;IAOD,UAAU,CAAC,IAAwB;QAEjC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;YAChC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;YACrB,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;YACvB,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,cAAc,GAAG,IAAI,0BAA0B,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IAED,mBAAmB;QACjB,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,iBAAiB;QACf,OAAO,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC9B,CAAC;;AA7Ke,kBAAI,GAAW,cAAc,CAAC,OAAO,CAAC","file":"heatmap.js","sourcesContent":["import { CartesianSeries } from '../cartesian/cartesian';\nimport { MarkTypeEnum } from '../../mark/interface';\nimport { AttributeLevel } from '../../constant';\nimport type { Maybe, Datum } from '../../typings';\nimport { array, merge } from '../../util';\nimport type { HeatmapAppearPreset } from './animation';\nimport { animationConfig, shouldDoMorph, userAnimationConfig } from '../../animation/utils';\nimport type { IHeatmapSeriesSpec, IHeatmapSeriesTheme } from './interface';\nimport type { IAxisHelper } from '../../component/axis/cartesian/interface';\nimport type { ITextMark } from '../../mark/text';\nimport { SeriesTypeEnum } from '../interface';\nimport { DEFAULT_MARK_ANIMATION } from '../../animation/config';\nimport type { IStateAnimateSpec } from '../../animation/spec';\nimport type { ICellMark } from '../../mark/cell';\nimport { normalizePadding } from '@visactor/vutils';\nimport { HeatmapSeriesTooltipHelper } from './tooltip-helper';\n\nexport const DefaultBandWidth = 6; // 默认的bandWidth，避免连续轴没有bandWidth\n\nexport class HeatmapSeries extends CartesianSeries<IHeatmapSeriesSpec> {\n  static readonly type: string = SeriesTypeEnum.heatmap;\n  type = SeriesTypeEnum.heatmap;\n\n  protected declare _theme: Maybe<IHeatmapSeriesTheme>;\n\n  protected _cellMark: ICellMark;\n  protected _backgroundMark: ICellMark;\n\n  protected _fieldValue!: string[];\n  getFieldValue() {\n    return this._fieldValue;\n  }\n  setFieldValue(f: string | string[]) {\n    this._fieldValue = array(f);\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this.setFieldValue(this._spec.valueField);\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    this._cellMark = this._createMark(MarkTypeEnum.cell, 'cell', {\n      morph: shouldDoMorph(this._spec.animation, this._spec.morph, userAnimationConfig('cell', this._spec)),\n      defaultMorphElementKey: this.getDimensionField()[0],\n      isSeriesMark: true,\n      label: merge({ animation: this._spec.animation }, this._spec.label),\n      progressive\n    }) as ICellMark;\n\n    this._backgroundMark = this._createMark(MarkTypeEnum.cell, 'cellBackground', {\n      progressive\n    }) as ICellMark;\n  }\n\n  initMarkStyle(): void {\n    this.initCellMarkStyle();\n    this.initCellBackgroundMarkStyle();\n  }\n\n  initLabelMarkStyle(textMark: ITextMark) {\n    if (!textMark) {\n      return;\n    }\n    this.setMarkStyle(textMark, {\n      fill: this.getColorAttribute(),\n      text: (datum: Datum) => {\n        return datum[this.getMeasureField()[0]];\n      }\n    });\n  }\n\n  initCellMarkStyle() {\n    this.setMarkStyle(\n      this._cellMark,\n      {\n        x: (datum: Datum) => {\n          const pos = this.dataToPositionX(datum);\n          return pos;\n        },\n        y: (datum: Datum) => {\n          const pos = this.dataToPositionY(datum);\n          return pos;\n        },\n        size: () => {\n          return [this.getCellSize(this._xAxisHelper), this.getCellSize(this._yAxisHelper)];\n        },\n        fill: this.getColorAttribute(),\n        fillOpacity: this._theme.cell?.style?.fillOpacity ?? 1\n      },\n      'normal',\n      AttributeLevel.Series\n    );\n\n    this._trigger.registerMark(this._cellMark);\n    this._tooltipHelper?.activeTriggerSet.mark.add(this._cellMark);\n  }\n\n  initCellBackgroundMarkStyle() {\n    const padding = normalizePadding(this._spec.cellBackground?.style?.padding ?? 0);\n    this.setMarkStyle(\n      this._backgroundMark,\n      {\n        x: (datum: Datum) => {\n          const width = this.getCellSize(this._xAxisHelper);\n          const pos = this.dataToPositionX(datum);\n          return pos - width / 2 + padding[3];\n        },\n        y: (datum: Datum) => {\n          const height = this.getCellSize(this._yAxisHelper);\n          const pos = this.dataToPositionY(datum);\n          return pos - height / 2 + padding[0];\n        },\n        width: () => {\n          return this.getCellSize(this._xAxisHelper) - padding[1] - padding[3];\n        },\n        height: () => {\n          return this.getCellSize(this._yAxisHelper) - padding[0] - padding[2];\n        }\n      },\n      'normal',\n      AttributeLevel.Series\n    );\n  }\n\n  // 通用的默认颜色映射 用户设置优先级比这个高，会在setStyle中处理\n  getColorAttribute() {\n    return {\n      // TODO: 为热力图实现默认线性颜色 scale\n      scale: this._option.globalScale.getScale('color') ?? this.getDefaultColorScale(),\n      field: this.getFieldValue[0]\n    };\n  }\n\n  initAnimation() {\n    const appearPreset = (this._spec?.animationAppear as IStateAnimateSpec<HeatmapAppearPreset>)?.preset;\n    // 分组数据的dataIndex应该与x轴顺序一致，而非data[DEFAULT_DATA_INDEX]顺序\n    const dataIndex = (datum: any) => {\n      const xValue = datum?.[this._fieldX[0]];\n      const xIndex = this.getViewDataStatistics()?.latestData?.[this._fieldX[0]]?.values.indexOf(xValue);\n      // 不应该出现xIndex === -1 || undefined的情况\n      return xIndex || 0;\n    };\n\n    this._cellMark.setAnimationConfig(\n      animationConfig(DEFAULT_MARK_ANIMATION.heatmap(appearPreset), userAnimationConfig('cell', this._spec), {\n        dataIndex\n      })\n    );\n  }\n\n  protected getCellSize(axisHelper: IAxisHelper) {\n    return axisHelper.getBandwidth?.(0) ?? DefaultBandWidth;\n  }\n\n  /**\n   * spec 更新\n   * @param spec\n   * @returns\n   */\n  updateSpec(spec: IHeatmapSeriesSpec) {\n    // super updateSpec 会执行 setAttrFromSpec 所以先缓存比对值\n    const { direction } = this._spec;\n    const result = super.updateSpec(spec);\n    if (spec.direction !== direction) {\n      result.change = true;\n      result.reRender = true;\n      result.reMake = true;\n    }\n    return result;\n  }\n\n  protected initTooltip() {\n    this._tooltipHelper = new HeatmapSeriesTooltipHelper(this);\n  }\n\n  getDefaultShapeType(): string {\n    return 'square';\n  }\n\n  getDimensionField(): string[] {\n    return [].concat(this.fieldX, this.fieldY);\n  }\n\n  getMeasureField(): string[] {\n    return this.getFieldValue();\n  }\n}\n"]}
+{"version":3,"sources":["../src/series/heatmap/heatmap.ts"],"names":[],"mappings":"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","file":"heatmap.js","sourcesContent":["import { CartesianSeries } from '../cartesian/cartesian';\nimport { MarkTypeEnum } from '../../mark/interface';\nimport { AttributeLevel } from '../../constant';\nimport type { Maybe, Datum } from '../../typings';\nimport { array, merge } from '../../util';\nimport type { HeatmapAppearPreset } from './animation';\nimport { animationConfig, shouldDoMorph, userAnimationConfig } from '../../animation/utils';\nimport type { IHeatmapSeriesSpec, IHeatmapSeriesTheme } from './interface';\nimport type { IAxisHelper } from '../../component/axis/cartesian/interface';\nimport type { ITextMark } from '../../mark/text';\nimport type { SeriesMarkMap } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { SeriesMarkNameEnum, SeriesTypeEnum } from '../interface';\nimport { DEFAULT_MARK_ANIMATION } from '../../animation/config';\nimport type { IStateAnimateSpec } from '../../animation/spec';\nimport type { ICellMark } from '../../mark/cell';\nimport { normalizePadding } from '@visactor/vutils';\nimport { HeatmapSeriesTooltipHelper } from './tooltip-helper';\nimport { BaseSeries } from '../base/base-series';\n\nexport const DefaultBandWidth = 6; // 默认的bandWidth，避免连续轴没有bandWidth\n\nexport class HeatmapSeries extends CartesianSeries<IHeatmapSeriesSpec> {\n  static readonly type: string = SeriesTypeEnum.heatmap;\n  type = SeriesTypeEnum.heatmap;\n\n  static readonly mark: SeriesMarkMap = {\n    ...BaseSeries.mark,\n    [SeriesMarkNameEnum.cell]: { name: SeriesMarkNameEnum.cell, type: MarkTypeEnum.cell },\n    [SeriesMarkNameEnum.cellBackground]: { name: SeriesMarkNameEnum.cellBackground, type: MarkTypeEnum.cell }\n  };\n\n  protected declare _theme: Maybe<IHeatmapSeriesTheme>;\n\n  protected _cellMark: ICellMark;\n  protected _backgroundMark: ICellMark;\n\n  protected _fieldValue!: string[];\n  getFieldValue() {\n    return this._fieldValue;\n  }\n  setFieldValue(f: string | string[]) {\n    this._fieldValue = array(f);\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this.setFieldValue(this._spec.valueField);\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    this._cellMark = this._createMark(HeatmapSeries.mark.cell, {\n      morph: shouldDoMorph(this._spec.animation, this._spec.morph, userAnimationConfig('cell', this._spec)),\n      defaultMorphElementKey: this.getDimensionField()[0],\n      isSeriesMark: true,\n      label: merge({ animation: this._spec.animation }, this._spec.label),\n      progressive\n    }) as ICellMark;\n\n    this._backgroundMark = this._createMark(HeatmapSeries.mark.cellBackground, {\n      progressive\n    }) as ICellMark;\n  }\n\n  initMarkStyle(): void {\n    this.initCellMarkStyle();\n    this.initCellBackgroundMarkStyle();\n  }\n\n  initLabelMarkStyle(textMark: ITextMark) {\n    if (!textMark) {\n      return;\n    }\n    this.setMarkStyle(textMark, {\n      fill: this.getColorAttribute(),\n      text: (datum: Datum) => {\n        return datum[this.getMeasureField()[0]];\n      }\n    });\n  }\n\n  initCellMarkStyle() {\n    this.setMarkStyle(\n      this._cellMark,\n      {\n        x: (datum: Datum) => {\n          const pos = this.dataToPositionX(datum);\n          return pos;\n        },\n        y: (datum: Datum) => {\n          const pos = this.dataToPositionY(datum);\n          return pos;\n        },\n        size: () => {\n          return [this.getCellSize(this._xAxisHelper), this.getCellSize(this._yAxisHelper)];\n        },\n        fill: this.getColorAttribute()\n      },\n      'normal',\n      AttributeLevel.Series\n    );\n\n    this._trigger.registerMark(this._cellMark);\n    this._tooltipHelper?.activeTriggerSet.mark.add(this._cellMark);\n  }\n\n  initCellBackgroundMarkStyle() {\n    const padding = normalizePadding(this._spec.cellBackground?.style?.padding ?? 0);\n    this.setMarkStyle(\n      this._backgroundMark,\n      {\n        x: (datum: Datum) => {\n          const width = this.getCellSize(this._xAxisHelper);\n          const pos = this.dataToPositionX(datum);\n          return pos - width / 2 + padding[3];\n        },\n        y: (datum: Datum) => {\n          const height = this.getCellSize(this._yAxisHelper);\n          const pos = this.dataToPositionY(datum);\n          return pos - height / 2 + padding[0];\n        },\n        width: () => {\n          return this.getCellSize(this._xAxisHelper) - padding[1] - padding[3];\n        },\n        height: () => {\n          return this.getCellSize(this._yAxisHelper) - padding[0] - padding[2];\n        }\n      },\n      'normal',\n      AttributeLevel.Series\n    );\n  }\n\n  // 通用的默认颜色映射 用户设置优先级比这个高，会在setStyle中处理\n  getColorAttribute() {\n    return {\n      // TODO: 为热力图实现默认线性颜色 scale\n      scale: this._option.globalScale.getScale('color') ?? this.getDefaultColorScale(),\n      field: this.getFieldValue[0]\n    };\n  }\n\n  initAnimation() {\n    const appearPreset = (this._spec?.animationAppear as IStateAnimateSpec<HeatmapAppearPreset>)?.preset;\n    // 分组数据的dataIndex应该与x轴顺序一致，而非data[DEFAULT_DATA_INDEX]顺序\n    const dataIndex = (datum: any) => {\n      const xValue = datum?.[this._fieldX[0]];\n      const xIndex = this.getViewDataStatistics()?.latestData?.[this._fieldX[0]]?.values.indexOf(xValue);\n      // 不应该出现xIndex === -1 || undefined的情况\n      return xIndex || 0;\n    };\n\n    this._cellMark.setAnimationConfig(\n      animationConfig(\n        DEFAULT_MARK_ANIMATION.heatmap(appearPreset),\n        userAnimationConfig(SeriesMarkNameEnum.cell, this._spec),\n        {\n          dataIndex\n        }\n      )\n    );\n  }\n\n  protected getCellSize(axisHelper: IAxisHelper) {\n    return axisHelper.getBandwidth?.(0) ?? DefaultBandWidth;\n  }\n\n  /**\n   * spec 更新\n   * @param spec\n   * @returns\n   */\n  updateSpec(spec: IHeatmapSeriesSpec) {\n    // super updateSpec 会执行 setAttrFromSpec 所以先缓存比对值\n    const { direction } = this._spec;\n    const result = super.updateSpec(spec);\n    if (spec.direction !== direction) {\n      result.change = true;\n      result.reRender = true;\n      result.reMake = true;\n    }\n    return result;\n  }\n\n  protected initTooltip() {\n    this._tooltipHelper = new HeatmapSeriesTooltipHelper(this);\n  }\n\n  getDefaultShapeType(): string {\n    return 'square';\n  }\n\n  getDimensionField(): string[] {\n    return [].concat(this.fieldX, this.fieldY);\n  }\n\n  getMeasureField(): string[] {\n    return this.getFieldValue();\n  }\n}\n"]}

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

@@ -5,18 +5,19 @@ import type { IAnimationSpec } from '../../animation/spec';
 import type { HeatmapAppearPreset } from './animation';
 import type { ILabelSpec } from '../../component/label';
 import type { IMarkProgressiveConfig } from '../../mark/interface';
+import type { SeriesMarkNameEnum } from '../interface';
 type HeatmapMarks = 'cell' | 'background' | 'label';
 export interface IHeatmapSeriesSpec extends ICartesianSeriesSpec, IAnimationSpec<HeatmapMarks, HeatmapAppearPreset>, IMarkProgressiveConfig {
     type: 'heatmap';
     valueField?: string;
-    cell?: IMarkSpec<IRectMarkSpec>;
-    cellBackground?: IMarkSpec<IRectMarkSpec>;
-    label?: ILabelSpec & {
+    [SeriesMarkNameEnum.cell]?: IMarkSpec<IRectMarkSpec>;
+    [SeriesMarkNameEnum.cellBackground]?: IMarkSpec<IRectMarkSpec>;
+    [SeriesMarkNameEnum.label]?: ILabelSpec & {
         position?: 'inside' | 'inside-top' | 'inside-bottom' | 'inside-right' | 'inside-left';
     };
 }
 export interface IHeatmapSeriesTheme extends ICartesianSeriesTheme {
-    cell?: Partial<IMarkTheme<IRectMarkSpec>>;
-    cellBackground?: Partial<IMarkTheme<IRectMarkSpec>>;
+    [SeriesMarkNameEnum.cell]?: Partial<IMarkTheme<IRectMarkSpec>>;
+    [SeriesMarkNameEnum.cellBackground]?: Partial<IMarkTheme<IRectMarkSpec>>;
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/heatmap/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ICartesianSeriesSpec, ICartesianSeriesTheme } from '../cartesian/interface';\nimport type { IMarkSpec, IMarkTheme } from '../../typings/spec/common';\nimport type { IRectMarkSpec } from '../../typings/visual';\nimport type { IAnimationSpec } from '../../animation/spec';\nimport type { HeatmapAppearPreset } from './animation';\nimport type { ILabelSpec } from '../../component/label';\nimport type { IMarkProgressiveConfig } from '../../mark/interface';\n\ntype HeatmapMarks = 'cell' | 'background' | 'label';\n\nexport interface IHeatmapSeriesSpec\n  extends ICartesianSeriesSpec,\n    IAnimationSpec<HeatmapMarks, HeatmapAppearPreset>,\n    IMarkProgressiveConfig {\n  /**\n   *  系列类型\n   */\n  type: 'heatmap';\n\n  /** 值 field */\n  valueField?: string;\n\n  /** 图元配置 */\n  cell?: IMarkSpec<IRectMarkSpec>;\n\n  /** 图元背景配置 */\n  cellBackground?: IMarkSpec<IRectMarkSpec>;\n\n  /** 标签配置*/\n  label?: ILabelSpec & {\n    /** 标签位置 */\n    position?: 'inside' | 'inside-top' | 'inside-bottom' | 'inside-right' | 'inside-left';\n  };\n}\n\nexport interface IHeatmapSeriesTheme extends ICartesianSeriesTheme {\n  cell?: Partial<IMarkTheme<IRectMarkSpec>>;\n  cellBackground?: Partial<IMarkTheme<IRectMarkSpec>>;\n}\n"]}
+{"version":3,"sources":["../src/series/heatmap/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ICartesianSeriesSpec, ICartesianSeriesTheme } from '../cartesian/interface';\nimport type { IMarkSpec, IMarkTheme } from '../../typings/spec/common';\nimport type { IRectMarkSpec } from '../../typings/visual';\nimport type { IAnimationSpec } from '../../animation/spec';\nimport type { HeatmapAppearPreset } from './animation';\nimport type { ILabelSpec } from '../../component/label';\nimport type { IMarkProgressiveConfig } from '../../mark/interface';\nimport type { SeriesMarkNameEnum } from '../interface';\n\ntype HeatmapMarks = 'cell' | 'background' | 'label';\n\nexport interface IHeatmapSeriesSpec\n  extends ICartesianSeriesSpec,\n    IAnimationSpec<HeatmapMarks, HeatmapAppearPreset>,\n    IMarkProgressiveConfig {\n  /**\n   *  系列类型\n   */\n  type: 'heatmap';\n\n  /** 值 field */\n  valueField?: string;\n\n  /** 图元配置 */\n  [SeriesMarkNameEnum.cell]?: IMarkSpec<IRectMarkSpec>;\n\n  /** 图元背景配置 */\n  [SeriesMarkNameEnum.cellBackground]?: IMarkSpec<IRectMarkSpec>;\n\n  /** 标签配置*/\n  [SeriesMarkNameEnum.label]?: ILabelSpec & {\n    /** 标签位置 */\n    position?: 'inside' | 'inside-top' | 'inside-bottom' | 'inside-right' | 'inside-left';\n  };\n}\n\nexport interface IHeatmapSeriesTheme extends ICartesianSeriesTheme {\n  [SeriesMarkNameEnum.cell]?: Partial<IMarkTheme<IRectMarkSpec>>;\n  [SeriesMarkNameEnum.cellBackground]?: Partial<IMarkTheme<IRectMarkSpec>>;\n}\n"]}

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

@@ -1,7 +1,7 @@
 import type { DataView } from '@visactor/vdataset';
 import type { IGrammarItem } from '../../compile/interface';
 import type { IGroupMark } from '../../mark/group';
-import type { IModelOption } from '../../model/interface';
+import type { IModelMarkInfo, IModelOption } from '../../model/interface';
 import type { IRegion } from '../../region/interface';
 import type { RenderMode } from '../../typings/spec/common';
 import type { ISeries } from './series';
@@ -21,6 +21,7 @@ export interface ISeriesOption extends IModelOption {
 }
 export interface ISeriesConstructor {
     type: string;
+    mark?: SeriesMarkMap;
     new (spec: any, options: ISeriesOption): ISeries;
 }
 export interface ISeriesInitOption {
@@ -63,3 +64,57 @@ export interface ISeriesMarkInitOption {
     label?: ILabelSpec;
     support3d?: boolean;
 }
+export interface ISeriesMarkInfo extends IModelMarkInfo {
+    name: SeriesMarkNameEnum | string;
+}
+export declare enum SeriesMarkNameEnum {
+    label = "label",
+    point = "point",
+    line = "line",
+    area = "area",
+    bar = "bar",
+    bar3d = "bar3d",
+    boxPlot = "boxPlot",
+    outlier = "outlier",
+    circlePacking = "circlePacking",
+    group = "group",
+    gridBackground = "gridBackground",
+    grid = "grid",
+    dot = "dot",
+    title = "title",
+    subTitle = "subTitle",
+    symbol = "symbol",
+    funnel = "funnel",
+    funnel3d = "funnel3d",
+    transform = "transform",
+    transform3d = "transform3d",
+    transformLabel = "transformLabel",
+    outerLabel = "outerLabel",
+    outerLabelLine = "outerLabelLine",
+    pin = "pin",
+    pinBackground = "pinBackground",
+    pointer = "pointer",
+    segment = "segment",
+    track = "track",
+    cell = "cell",
+    cellBackground = "cellBackground",
+    link = "link",
+    arrow = "arrow",
+    pie = "pie",
+    pie3d = "pie3d",
+    labelLine = "labelLine",
+    progress = "progress",
+    minLabel = "minLabel",
+    maxLabel = "maxLabel",
+    rose = "rose",
+    node = "node",
+    sunburst = "sunburst",
+    nonLeaf = "nonLeaf",
+    leaf = "leaf",
+    nonLeafLabel = "nonLeafLabel",
+    leaderLine = "leaderLine",
+    stackLabel = "stackLabel",
+    word = "word",
+    fillingWord = "fillingWord"
+}
+export type SeriesMarkMap = Partial<Record<SeriesMarkNameEnum, ISeriesMarkInfo>>;

package/esm/series/interface/common.js

@@ -1,2 +1,25 @@
-export { };
+export var SeriesMarkNameEnum;
+
+!function(SeriesMarkNameEnum) {
+    SeriesMarkNameEnum.label = "label", SeriesMarkNameEnum.point = "point", SeriesMarkNameEnum.line = "line", 
+    SeriesMarkNameEnum.area = "area", SeriesMarkNameEnum.bar = "bar", SeriesMarkNameEnum.bar3d = "bar3d", 
+    SeriesMarkNameEnum.boxPlot = "boxPlot", SeriesMarkNameEnum.outlier = "outlier", 
+    SeriesMarkNameEnum.circlePacking = "circlePacking", SeriesMarkNameEnum.group = "group", 
+    SeriesMarkNameEnum.gridBackground = "gridBackground", SeriesMarkNameEnum.grid = "grid", 
+    SeriesMarkNameEnum.dot = "dot", SeriesMarkNameEnum.title = "title", SeriesMarkNameEnum.subTitle = "subTitle", 
+    SeriesMarkNameEnum.symbol = "symbol", SeriesMarkNameEnum.funnel = "funnel", SeriesMarkNameEnum.funnel3d = "funnel3d", 
+    SeriesMarkNameEnum.transform = "transform", SeriesMarkNameEnum.transform3d = "transform3d", 
+    SeriesMarkNameEnum.transformLabel = "transformLabel", SeriesMarkNameEnum.outerLabel = "outerLabel", 
+    SeriesMarkNameEnum.outerLabelLine = "outerLabelLine", SeriesMarkNameEnum.pin = "pin", 
+    SeriesMarkNameEnum.pinBackground = "pinBackground", SeriesMarkNameEnum.pointer = "pointer", 
+    SeriesMarkNameEnum.segment = "segment", SeriesMarkNameEnum.track = "track", SeriesMarkNameEnum.cell = "cell", 
+    SeriesMarkNameEnum.cellBackground = "cellBackground", SeriesMarkNameEnum.link = "link", 
+    SeriesMarkNameEnum.arrow = "arrow", SeriesMarkNameEnum.pie = "pie", SeriesMarkNameEnum.pie3d = "pie3d", 
+    SeriesMarkNameEnum.labelLine = "labelLine", SeriesMarkNameEnum.progress = "progress", 
+    SeriesMarkNameEnum.minLabel = "minLabel", SeriesMarkNameEnum.maxLabel = "maxLabel", 
+    SeriesMarkNameEnum.rose = "rose", SeriesMarkNameEnum.node = "node", SeriesMarkNameEnum.sunburst = "sunburst", 
+    SeriesMarkNameEnum.nonLeaf = "nonLeaf", SeriesMarkNameEnum.leaf = "leaf", SeriesMarkNameEnum.nonLeafLabel = "nonLeafLabel", 
+    SeriesMarkNameEnum.leaderLine = "leaderLine", SeriesMarkNameEnum.stackLabel = "stackLabel", 
+    SeriesMarkNameEnum.word = "word", SeriesMarkNameEnum.fillingWord = "fillingWord";
+}(SeriesMarkNameEnum || (SeriesMarkNameEnum = {}));
 //# sourceMappingURL=common.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/interface/common.ts"],"names":[],"mappings":"","file":"common.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\nimport type { IGrammarItem } from '../../compile/interface';\nimport type { IGroupMark } from '../../mark/group';\nimport type { IModelOption } from '../../model/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { RenderMode } from '../../typings/spec/common';\nimport type { ISeries } from './series';\nimport type { IMarkProgressiveConfig } from '../../mark/interface';\nimport type { StringOrNumber } from '../../typings';\nimport type { ILabelSpec } from '../../component/label';\n\n// export type SeriesStyle = 'color' | 'size' | 'shape';\n\nexport interface ISeriesSeriesInfo {\n  key: string;\n  index?: number;\n  // 样式的值类型可能是 StringOrNumber | number[] | xxxx\n  style: (attribute: string) => any;\n  /** series 对应的缩略图类型 */\n  shapeType: string;\n}\n\nexport interface ISeriesOption extends IModelOption {\n  mode: RenderMode;\n  region: IRegion;\n  getSeriesData: (id: StringOrNumber | undefined, index: number | undefined) => DataView | undefined;\n}\n\nexport interface ISeriesConstructor {\n  type: string;\n  new (spec: any, options: ISeriesOption): ISeries;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ISeriesInitOption {}\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ISeriesUpdateDataOption {}\n\nexport interface ISeriesStackDataNode {\n  nodes: {\n    [key: string]: ISeriesStackDataMeta;\n  };\n}\nexport interface ISeriesStackDataLeaf {\n  values: any[];\n}\n\nexport type ISeriesStackDataMeta = ISeriesStackDataNode | ISeriesStackDataLeaf;\nexport type ISeriesStackData = ISeriesStackDataNode;\n\nexport type ISeriesStyle = ISeriesStyleItem[];\nexport type ISeriesStyleItem = {\n  name: string;\n} & {\n  [markName: string]: {\n    style?: any;\n  };\n};\n\nexport interface ISeriesMarkInitOption {\n  /** theme spec */\n  themeSpec?: any;\n\n  /** mark spec */\n  markSpec?: any;\n\n  /** 是否在编译时更新实际数据 */\n  skipBeforeLayouted?: boolean;\n\n  /** 父级 mark（如果是 undefined 则默认是系列的 root mark，如果是 false 则不配置父级 mark） */\n  parent?: IGroupMark | false;\n\n  /** 是否是 series field 所作用的 mark（用于 tooltip shape 取色等） */\n  isSeriesMark?: boolean;\n\n  /** 该 mark 依赖于哪些语法元素 */\n  depend?: IGrammarItem | IGrammarItem[];\n\n  /** 数据 key 值 */\n  key?: string;\n\n  /** 分组 key 值 */\n  groupKey?: string;\n\n  /** morph 配置开关 */\n  morph?: boolean;\n\n  /** morph元素的唯一key */\n  defaultMorphElementKey?: string;\n\n  /** 绑定系列数据（如果是 undefined 则默认是系列的 data，如果是 false 则不配置数据） */\n  dataView?: DataView | false;\n  /** 系列数据编译产物的名称 */\n  dataProductId?: string;\n  /** mark scale 如果需要使用统计信息设置domain的话，使用的统计数据 */\n  dataStatistics?: DataView;\n\n  /** 渐进渲染相关配置 */\n  progressive?: IMarkProgressiveConfig;\n\n  /** 标签spec */\n  label?: ILabelSpec;\n\n  /** 是否支持 3d */\n  support3d?: boolean;\n}\n"]}
+{"version":3,"sources":["../src/series/interface/common.ts"],"names":[],"mappings":"AAiHA,MAAM,CAAN,IAAY,kBAiDX;AAjDD,WAAY,kBAAkB;IAC5B,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,mCAAa,CAAA;IACb,iCAAW,CAAA;IACX,qCAAe,CAAA;IACf,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,qDAA+B,CAAA;IAC/B,qCAAe,CAAA;IACf,uDAAiC,CAAA;IACjC,mCAAa,CAAA;IACb,iCAAW,CAAA;IACX,qCAAe,CAAA;IACf,2CAAqB,CAAA;IACrB,uCAAiB,CAAA;IACjB,uCAAiB,CAAA;IACjB,2CAAqB,CAAA;IACrB,6CAAuB,CAAA;IACvB,iDAA2B,CAAA;IAC3B,uDAAiC,CAAA;IACjC,+CAAyB,CAAA;IACzB,uDAAiC,CAAA;IACjC,iCAAW,CAAA;IACX,qDAA+B,CAAA;IAC/B,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,uDAAiC,CAAA;IACjC,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,iCAAW,CAAA;IACX,qCAAe,CAAA;IACf,6CAAuB,CAAA;IACvB,2CAAqB,CAAA;IACrB,2CAAqB,CAAA;IACrB,2CAAqB,CAAA;IACrB,mCAAa,CAAA;IACb,mCAAa,CAAA;IACb,2CAAqB,CAAA;IACrB,yCAAmB,CAAA;IACnB,mCAAa,CAAA;IACb,mDAA6B,CAAA;IAC7B,+CAAyB,CAAA;IACzB,+CAAyB,CAAA;IACzB,mCAAa,CAAA;IACb,iDAA2B,CAAA;AAC7B,CAAC,EAjDW,kBAAkB,KAAlB,kBAAkB,QAiD7B","file":"common.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\nimport type { IGrammarItem } from '../../compile/interface';\nimport type { IGroupMark } from '../../mark/group';\nimport type { IModelMarkInfo, IModelOption } from '../../model/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { RenderMode } from '../../typings/spec/common';\nimport type { ISeries } from './series';\nimport type { IMarkProgressiveConfig } from '../../mark/interface';\nimport type { StringOrNumber } from '../../typings';\nimport type { ILabelSpec } from '../../component/label';\n\n// export type SeriesStyle = 'color' | 'size' | 'shape';\n\nexport interface ISeriesSeriesInfo {\n  key: string;\n  index?: number;\n  // 样式的值类型可能是 StringOrNumber | number[] | xxxx\n  style: (attribute: string) => any;\n  /** series 对应的缩略图类型 */\n  shapeType: string;\n}\n\nexport interface ISeriesOption extends IModelOption {\n  mode: RenderMode;\n  region: IRegion;\n  getSeriesData: (id: StringOrNumber | undefined, index: number | undefined) => DataView | undefined;\n}\n\nexport interface ISeriesConstructor {\n  type: string;\n  mark?: SeriesMarkMap;\n  new (spec: any, options: ISeriesOption): ISeries;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ISeriesInitOption {}\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ISeriesUpdateDataOption {}\n\nexport interface ISeriesStackDataNode {\n  nodes: {\n    [key: string]: ISeriesStackDataMeta;\n  };\n}\nexport interface ISeriesStackDataLeaf {\n  values: any[];\n}\n\nexport type ISeriesStackDataMeta = ISeriesStackDataNode | ISeriesStackDataLeaf;\nexport type ISeriesStackData = ISeriesStackDataNode;\n\nexport type ISeriesStyle = ISeriesStyleItem[];\nexport type ISeriesStyleItem = {\n  name: string;\n} & {\n  [markName: string]: {\n    style?: any;\n  };\n};\n\nexport interface ISeriesMarkInitOption {\n  /** theme spec */\n  themeSpec?: any;\n\n  /** mark spec */\n  markSpec?: any;\n\n  /** 是否在编译时更新实际数据 */\n  skipBeforeLayouted?: boolean;\n\n  /** 父级 mark（如果是 undefined 则默认是系列的 root mark，如果是 false 则不配置父级 mark） */\n  parent?: IGroupMark | false;\n\n  /** 是否是 series field 所作用的 mark（用于 tooltip shape 取色等） */\n  isSeriesMark?: boolean;\n\n  /** 该 mark 依赖于哪些语法元素 */\n  depend?: IGrammarItem | IGrammarItem[];\n\n  /** 数据 key 值 */\n  key?: string;\n\n  /** 分组 key 值 */\n  groupKey?: string;\n\n  /** morph 配置开关 */\n  morph?: boolean;\n\n  /** morph元素的唯一key */\n  defaultMorphElementKey?: string;\n\n  /** 绑定系列数据（如果是 undefined 则默认是系列的 data，如果是 false 则不配置数据） */\n  dataView?: DataView | false;\n  /** 系列数据编译产物的名称 */\n  dataProductId?: string;\n  /** mark scale 如果需要使用统计信息设置domain的话，使用的统计数据 */\n  dataStatistics?: DataView;\n\n  /** 渐进渲染相关配置 */\n  progressive?: IMarkProgressiveConfig;\n\n  /** 标签spec */\n  label?: ILabelSpec;\n\n  /** 是否支持 3d */\n  support3d?: boolean;\n}\n\nexport interface ISeriesMarkInfo extends IModelMarkInfo {\n  /** mark 名称 */\n  name: SeriesMarkNameEnum | string;\n}\n\nexport enum SeriesMarkNameEnum {\n  label = 'label',\n  point = 'point',\n  line = 'line',\n  area = 'area',\n  bar = 'bar',\n  bar3d = 'bar3d',\n  boxPlot = 'boxPlot',\n  outlier = 'outlier',\n  circlePacking = 'circlePacking',\n  group = 'group',\n  gridBackground = 'gridBackground',\n  grid = 'grid',\n  dot = 'dot',\n  title = 'title',\n  subTitle = 'subTitle',\n  symbol = 'symbol',\n  funnel = 'funnel',\n  funnel3d = 'funnel3d',\n  transform = 'transform',\n  transform3d = 'transform3d',\n  transformLabel = 'transformLabel',\n  outerLabel = 'outerLabel',\n  outerLabelLine = 'outerLabelLine',\n  pin = 'pin',\n  pinBackground = 'pinBackground',\n  pointer = 'pointer',\n  segment = 'segment',\n  track = 'track',\n  cell = 'cell',\n  cellBackground = 'cellBackground',\n  link = 'link',\n  arrow = 'arrow',\n  pie = 'pie',\n  pie3d = 'pie3d',\n  labelLine = 'labelLine',\n  progress = 'progress',\n  minLabel = 'minLabel',\n  maxLabel = 'maxLabel',\n  rose = 'rose',\n  node = 'node',\n  sunburst = 'sunburst',\n  nonLeaf = 'nonLeaf',\n  leaf = 'leaf',\n  nonLeafLabel = 'nonLeafLabel',\n  leaderLine = 'leaderLine',\n  stackLabel = 'stackLabel',\n  word = 'word',\n  fillingWord = 'fillingWord'\n}\n\nexport type SeriesMarkMap = Partial<Record<SeriesMarkNameEnum, ISeriesMarkInfo>>;\n"]}

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

@@ -44,7 +44,7 @@ export interface ISeries extends IModel, ILayoutItem {
     initMark: () => void;
     getMarks: () => IMark[];
     getMarksWithoutRoot: () => IMark[];
-    getMarkMap: () => Record<string, IMark>;
+    getMarkNameMap: () => Record<string, IMark>;
     getMarksInType: (type: string | string[]) => IMark[];
     getMarkInName: (name: string) => IMark | undefined;
     getMarkInId: (id: number) => IMark | undefined;
@@ -79,6 +79,7 @@ export interface ISeries extends IModel, ILayoutItem {
         scale: IBaseScale;
         field: string;
     };
+    getDefaultColorDomain: () => any[];
     getInvalidType: () => IInvalidType;
     getTrigger: () => ITrigger;
     getDefaultShapeType: () => string;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/interface/series.ts"],"names":[],"mappings":"","file":"series.js","sourcesContent":["import type { ITrigger } from '../../interaction/interface';\nimport type { PanEventParam, ZoomEventParam } from '../../event/interface';\nimport type { IModel, ILayoutItem } from '../../model/interface';\nimport type { DataSet, DataView, ITransformOptions } from '@visactor/vdataset';\nimport type { IMark } from '../../mark/interface';\nimport type { CoordinateType, IPoint, IPolarPoint } from '../../typings/coordinate';\nimport type { IRegion } from '../../region/interface';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { Group } from '../base/group';\nimport type { IAxisHelper } from '../../component/axis/cartesian/interface';\nimport type { IPolarAxisHelper } from '../../component/axis/polar/interface';\nimport type { ISeriesSeriesInfo, ISeriesStackData, ISeriesUpdateDataOption } from './common';\nimport type { ISeriesTooltipHelper } from './tooltip-helper';\nimport type { IInvalidType, Datum, DirectionType } from '../../typings';\nimport type { StateValueType } from '../../compile/mark';\nimport type { StatisticOperations } from '../../data/transforms/dimension-statistics';\nimport type { IGroupMark } from '../../mark/group';\nimport type { ITextMark } from '../../mark/text';\nimport type { IArcLabelSpec } from '../pie/interface';\nimport type { IGeoCoordinateHelper } from '../../component/geo/interface';\n\n// 使用类型约束系列支持的样式，但是感觉这样不合理 不使用这样的方式去做\n// export interface ISeries<A extends string> extends IModel\n\nexport interface ISeries extends IModel, ILayoutItem {\n  readonly type: string;\n  readonly name?: string;\n\n  // 配置\n  getSpec: () => any;\n\n  // 坐标系信息\n  readonly coordinate: CoordinateType;\n\n  // 数据\n  getRawData: () => DataView | undefined;\n  getViewDataFilter: () => DataView | undefined;\n  getViewData: () => DataView | undefined;\n  getViewDataProductId: () => string | undefined;\n  getRawDataStatistics?: () => DataView | undefined;\n  getViewDataStatistics?: () => DataView | undefined;\n  getDataSet?: () => DataSet;\n  getFieldAlias: (field: string) => string;\n  // 更新原始数据\n  updateRawData: (d: any, opt: ISeriesUpdateDataOption) => void;\n  setData?: (dv: DataView) => void;\n  rawDataUpdate: (d: DataView) => void;\n  viewDataUpdate: (d: DataView) => void;\n  viewDataStatisticsUpdate: (d: DataView) => void;\n  addViewDataFilter: (option: ITransformOptions) => void;\n  reFilterViewData: () => void;\n  reTransformViewData: () => void;\n  fillData: () => void;\n\n  /**\n   * 常见数据使用问题\n   *\n   * 一、使用图表最终展示数据\n   * 比如 markline，数值轴 这样的组件\n   * 需要操作展示数据，做 筛选 ｜ 变换 的\n   * 比如图例，datazoom\n      series.getViewData().transform({},false)\n   * 需要获取展示数据，生成自身数据做自身展示的 使用消息机制。比如 轴\n      series.event.on('viewDataStatisticsUpdate' ｜ 'viewDataUpdate', { filter: ({ model }) => model?.id === series.id }, () => {\n        this.updateData();\n      });\n   *\n   * 二、使用图表原始数据\n   * 比如图例，datazoom\n   * 需要使用原始数据信息，生成自身数据\n   * 比如图例，datazoom\n      series.getRawData().parserData  ｜   latestData    // parserData latestData 区别见下面说明\n      series.getRawDataStatistics().latestData\n\n      series.event.on('rawDataUpdate', { filter: ({ model }) => model?.id === series.id }, () => {\n        this.updateData();\n      });\n   * 或者使用系列自身的特殊api 特殊情况外不建议这样用\n      series.getSeriesInfoList()\n\n   * 建议：使用数据时需要注意数据更新，使用系列数据更新组件数据的场景，只建议使用消息监听\n      series.event.on(\n        'viewDataStatisticsUpdate' ｜\n        'viewDataUpdate' |\n        'rawDataUpdate',\n        { filter: ({ model }) => model?.id === series.id })\n   */\n\n  // 区域\n  getRegion: () => IRegion;\n\n  // mark\n  initMark: () => void;\n  getMarks: () => IMark[];\n  getMarksWithoutRoot: () => IMark[];\n  getMarkMap: () => Record<string, IMark>;\n  getMarksInType: (type: string | string[]) => IMark[];\n  getMarkInName: (name: string) => IMark | undefined;\n  getMarkInId: (id: number) => IMark | undefined;\n\n  getRootMark: () => IGroupMark;\n\n  // tooltip\n  tooltipHelper: ISeriesTooltipHelper;\n\n  // example\n  /**\n   *  [\n   *  {\n   *    fields: {\n   *       x: '周一',\n   *       __VChart_STACK: 'stack'\n   *    },\n   *    valueField: 'y',\n   *    values: [{x: '周一', y: 20}];\n   *  },\n   *  {\n   *    fields: {\n   *       x: '周一',\n   *       stack: 'stackA'\n   *    },\n   *    valueField: 'y',\n   *    values: [{x: '周一', y: 20, stack: 'stackA'}];\n   *  },\n   *  {\n   *    fields: {\n   *       x: '周一',\n   *       stack: 'stackB'\n   *    },\n   *    valueField: 'y',\n   *    values: [{x: '周一', y: 20, stack: 'stackB'}];\n   *  },\n   *  ]\n   */\n  getStackData: () => ISeriesStackData;\n\n  getStack: () => boolean;\n\n  getStackValueField: () => string;\n  setValueFieldToStack: () => void;\n  setValueFieldToPercent: () => void;\n  setValueFieldToStackOffsetSilhouette: () => void;\n\n  getStackGroupFields: () => string[];\n  getSeriesField: () => string | undefined;\n  getSeriesKeys: () => string[];\n  getSeriesStyle: (datum: Datum) => ISeriesSeriesInfo['style'];\n  getSeriesInfoList: () => ISeriesSeriesInfo[];\n  getGroups: () => Group | undefined;\n  getDimensionField: () => string[];\n  getMeasureField: () => string[];\n  getStatisticFields: () => { key: string; operations: StatisticOperations }[];\n\n  setSeriesField: (field: string) => void;\n  handleZoom?: (e: ZoomEventParam) => void;\n  handlePan?: (e: PanEventParam) => void;\n\n  // 数据映射\n  dataToPosition: (datum: any) => IPoint | null;\n  dataToPositionX: (xValue: any) => number | null;\n  dataToPositionY: (yValue: any) => number | null;\n  dataToPositionZ?: (yValue: any) => number | null;\n\n  getColorAttribute: () => { scale: IBaseScale; field: string };\n\n  getInvalidType: () => IInvalidType;\n\n  // 交互\n  getTrigger: () => ITrigger;\n\n  /**\n   * 获取系列默认的缩略图形\n   * @returns 默认的缩略图形\n   */\n  getDefaultShapeType: () => string;\n  /** 获取系列标签配置 */\n  initLabelMarkStyle?: (textMark: ITextMark) => void;\n}\n\nexport interface ICartesianSeries extends ISeries {\n  readonly coordinate: 'cartesian';\n  readonly direction: DirectionType;\n\n  scaleX: IBaseScale;\n  setScaleX: (s: IBaseScale) => void;\n  scaleY: IBaseScale;\n  setScaleY: (s: IBaseScale) => void;\n  scaleZ?: IBaseScale;\n  setScaleZ: (s: IBaseScale) => void;\n  // 要考虑基于多个field的场景\n  fieldX: string[];\n  setFieldX: (field: string | string[], level?: number) => void;\n  fieldY: string[];\n  setFieldY: (field: string | string[], level?: number) => void;\n  fieldZ?: string[];\n  setFieldZ: (field: string | string[], level?: number) => void;\n\n  positionToData: (p: IPoint) => any | null;\n  positionToDataX: (xPos: number) => any | null;\n  positionToDataY: (yPos: number) => any | null;\n\n  // 轴API\n  getXAxisHelper: () => IAxisHelper;\n  setXAxisHelper: (h: IAxisHelper) => void;\n  getYAxisHelper: () => IAxisHelper;\n  setYAxisHelper: (h: IAxisHelper) => void;\n  getZAxisHelper: () => IAxisHelper | undefined;\n  setZAxisHelper: (h: IAxisHelper) => void;\n}\n\nexport interface IPolarSeries extends ISeries {\n  readonly coordinate: 'polar';\n\n  outerRadius: number;\n  innerRadius: number;\n\n  getRadiusField: () => string[];\n  setRadiusField: (field: string | string[], level?: number) => void;\n  getAngleField: () => string[];\n  setAngleField: (field: string | string[], level?: number) => void;\n\n  // 轴将是一个实现了 scale 的组件。这里接收的可以是一个轴\n  radiusScale: IBaseScale;\n  setRadiusScale: (s: IBaseScale) => void;\n  angleScale: IBaseScale;\n  setAngleScale: (s: IBaseScale) => void;\n\n  // TODO:\n  positionToData: (point: IPolarPoint) => any;\n  radiusToData: (radius: number) => any;\n  angleToData: (angle: number) => any;\n\n  // 轴\n  radiusAxisHelper: IPolarAxisHelper;\n  angleAxisHelper: IPolarAxisHelper;\n}\n\nexport interface IGeoSeries extends ISeries {\n  readonly coordinate: 'geo';\n\n  nameField?: string;\n  valueField?: string;\n\n  getMapViewData: () => DataView;\n\n  dataToPosition: (datum: any) => IPoint | null;\n  dataToLatitude: (latValue: any) => number | null;\n  dataToLongitude: (lonValue: any) => number | null;\n\n  positionToData: (p: IPoint) => any;\n  latitudeToData: (lat: number) => any;\n  longitudeToData: (lon: number) => any;\n\n  getCoordinateHelper: () => IGeoCoordinateHelper;\n  setCoordinateHelper: (helper: IGeoCoordinateHelper) => void;\n}\n\n// 收拢扇区标签形式依赖的 api\nexport interface IArcSeries extends IPolarSeries {\n  center: (() => IPoint) | IPoint;\n  getRadius: (state?: StateValueType) => number;\n  getInnerRadius: (state?: StateValueType) => number;\n  getLabelConfig: () => IArcLabelSpec;\n\n  computeRadius: (r: number, k?: number) => number;\n  computeDatumRadius: (datum: any, state?: StateValueType) => number;\n}\n\nexport interface IFunnelSeries {\n  getPoints: (datum: any) => IPoint[];\n}\n"]}
+{"version":3,"sources":["../src/series/interface/series.ts"],"names":[],"mappings":"","file":"series.js","sourcesContent":["import type { ITrigger } from '../../interaction/interface';\nimport type { PanEventParam, ZoomEventParam } from '../../event/interface';\nimport type { IModel, ILayoutItem } from '../../model/interface';\nimport type { DataSet, DataView, ITransformOptions } from '@visactor/vdataset';\nimport type { IMark } from '../../mark/interface';\nimport type { CoordinateType, IPoint, IPolarPoint } from '../../typings/coordinate';\nimport type { IRegion } from '../../region/interface';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { Group } from '../base/group';\nimport type { IAxisHelper } from '../../component/axis/cartesian/interface';\nimport type { IPolarAxisHelper } from '../../component/axis/polar/interface';\nimport type { ISeriesSeriesInfo, ISeriesStackData, ISeriesUpdateDataOption } from './common';\nimport type { ISeriesTooltipHelper } from './tooltip-helper';\nimport type { IInvalidType, Datum, DirectionType } from '../../typings';\nimport type { StateValueType } from '../../compile/mark';\nimport type { StatisticOperations } from '../../data/transforms/dimension-statistics';\nimport type { IGroupMark } from '../../mark/group';\nimport type { ITextMark } from '../../mark/text';\nimport type { IArcLabelSpec } from '../pie/interface';\nimport type { IGeoCoordinateHelper } from '../../component/geo/interface';\n\n// 使用类型约束系列支持的样式，但是感觉这样不合理 不使用这样的方式去做\n// export interface ISeries<A extends string> extends IModel\n\nexport interface ISeries extends IModel, ILayoutItem {\n  readonly type: string;\n  readonly name?: string;\n\n  // 配置\n  getSpec: () => any;\n\n  // 坐标系信息\n  readonly coordinate: CoordinateType;\n\n  // 数据\n  getRawData: () => DataView | undefined;\n  getViewDataFilter: () => DataView | undefined;\n  getViewData: () => DataView | undefined;\n  getViewDataProductId: () => string | undefined;\n  getRawDataStatistics?: () => DataView | undefined;\n  getViewDataStatistics?: () => DataView | undefined;\n  getDataSet?: () => DataSet;\n  getFieldAlias: (field: string) => string;\n  // 更新原始数据\n  updateRawData: (d: any, opt: ISeriesUpdateDataOption) => void;\n  setData?: (dv: DataView) => void;\n  rawDataUpdate: (d: DataView) => void;\n  viewDataUpdate: (d: DataView) => void;\n  viewDataStatisticsUpdate: (d: DataView) => void;\n  addViewDataFilter: (option: ITransformOptions) => void;\n  reFilterViewData: () => void;\n  reTransformViewData: () => void;\n  fillData: () => void;\n\n  /**\n   * 常见数据使用问题\n   *\n   * 一、使用图表最终展示数据\n   * 比如 markline，数值轴 这样的组件\n   * 需要操作展示数据，做 筛选 ｜ 变换 的\n   * 比如图例，datazoom\n      series.getViewData().transform({},false)\n   * 需要获取展示数据，生成自身数据做自身展示的 使用消息机制。比如 轴\n      series.event.on('viewDataStatisticsUpdate' ｜ 'viewDataUpdate', { filter: ({ model }) => model?.id === series.id }, () => {\n        this.updateData();\n      });\n   *\n   * 二、使用图表原始数据\n   * 比如图例，datazoom\n   * 需要使用原始数据信息，生成自身数据\n   * 比如图例，datazoom\n      series.getRawData().parserData  ｜   latestData    // parserData latestData 区别见下面说明\n      series.getRawDataStatistics().latestData\n\n      series.event.on('rawDataUpdate', { filter: ({ model }) => model?.id === series.id }, () => {\n        this.updateData();\n      });\n   * 或者使用系列自身的特殊api 特殊情况外不建议这样用\n      series.getSeriesInfoList()\n\n   * 建议：使用数据时需要注意数据更新，使用系列数据更新组件数据的场景，只建议使用消息监听\n      series.event.on(\n        'viewDataStatisticsUpdate' ｜\n        'viewDataUpdate' |\n        'rawDataUpdate',\n        { filter: ({ model }) => model?.id === series.id })\n   */\n\n  // 区域\n  getRegion: () => IRegion;\n\n  // mark\n  initMark: () => void;\n  getMarks: () => IMark[];\n  getMarksWithoutRoot: () => IMark[];\n  getMarkNameMap: () => Record<string, IMark>;\n  getMarksInType: (type: string | string[]) => IMark[];\n  getMarkInName: (name: string) => IMark | undefined;\n  getMarkInId: (id: number) => IMark | undefined;\n\n  getRootMark: () => IGroupMark;\n\n  // tooltip\n  tooltipHelper: ISeriesTooltipHelper;\n\n  // example\n  /**\n   *  [\n   *  {\n   *    fields: {\n   *       x: '周一',\n   *       __VChart_STACK: 'stack'\n   *    },\n   *    valueField: 'y',\n   *    values: [{x: '周一', y: 20}];\n   *  },\n   *  {\n   *    fields: {\n   *       x: '周一',\n   *       stack: 'stackA'\n   *    },\n   *    valueField: 'y',\n   *    values: [{x: '周一', y: 20, stack: 'stackA'}];\n   *  },\n   *  {\n   *    fields: {\n   *       x: '周一',\n   *       stack: 'stackB'\n   *    },\n   *    valueField: 'y',\n   *    values: [{x: '周一', y: 20, stack: 'stackB'}];\n   *  },\n   *  ]\n   */\n  getStackData: () => ISeriesStackData;\n\n  getStack: () => boolean;\n\n  getStackValueField: () => string;\n  setValueFieldToStack: () => void;\n  setValueFieldToPercent: () => void;\n  setValueFieldToStackOffsetSilhouette: () => void;\n\n  getStackGroupFields: () => string[];\n  getSeriesField: () => string | undefined;\n  getSeriesKeys: () => string[];\n  getSeriesStyle: (datum: Datum) => ISeriesSeriesInfo['style'];\n  getSeriesInfoList: () => ISeriesSeriesInfo[];\n  getGroups: () => Group | undefined;\n  getDimensionField: () => string[];\n  getMeasureField: () => string[];\n  getStatisticFields: () => { key: string; operations: StatisticOperations }[];\n\n  setSeriesField: (field: string) => void;\n  handleZoom?: (e: ZoomEventParam) => void;\n  handlePan?: (e: PanEventParam) => void;\n\n  // 数据映射\n  dataToPosition: (datum: any) => IPoint | null;\n  dataToPositionX: (xValue: any) => number | null;\n  dataToPositionY: (yValue: any) => number | null;\n  dataToPositionZ?: (yValue: any) => number | null;\n\n  getColorAttribute: () => { scale: IBaseScale; field: string };\n  getDefaultColorDomain: () => any[];\n\n  getInvalidType: () => IInvalidType;\n\n  // 交互\n  getTrigger: () => ITrigger;\n\n  /**\n   * 获取系列默认的缩略图形\n   * @returns 默认的缩略图形\n   */\n  getDefaultShapeType: () => string;\n  /** 获取系列标签配置 */\n  initLabelMarkStyle?: (textMark: ITextMark) => void;\n}\n\nexport interface ICartesianSeries extends ISeries {\n  readonly coordinate: 'cartesian';\n  readonly direction: DirectionType;\n\n  scaleX: IBaseScale;\n  setScaleX: (s: IBaseScale) => void;\n  scaleY: IBaseScale;\n  setScaleY: (s: IBaseScale) => void;\n  scaleZ?: IBaseScale;\n  setScaleZ: (s: IBaseScale) => void;\n  // 要考虑基于多个field的场景\n  fieldX: string[];\n  setFieldX: (field: string | string[], level?: number) => void;\n  fieldY: string[];\n  setFieldY: (field: string | string[], level?: number) => void;\n  fieldZ?: string[];\n  setFieldZ: (field: string | string[], level?: number) => void;\n\n  positionToData: (p: IPoint) => any | null;\n  positionToDataX: (xPos: number) => any | null;\n  positionToDataY: (yPos: number) => any | null;\n\n  // 轴API\n  getXAxisHelper: () => IAxisHelper;\n  setXAxisHelper: (h: IAxisHelper) => void;\n  getYAxisHelper: () => IAxisHelper;\n  setYAxisHelper: (h: IAxisHelper) => void;\n  getZAxisHelper: () => IAxisHelper | undefined;\n  setZAxisHelper: (h: IAxisHelper) => void;\n}\n\nexport interface IPolarSeries extends ISeries {\n  readonly coordinate: 'polar';\n\n  outerRadius: number;\n  innerRadius: number;\n\n  getRadiusField: () => string[];\n  setRadiusField: (field: string | string[], level?: number) => void;\n  getAngleField: () => string[];\n  setAngleField: (field: string | string[], level?: number) => void;\n\n  // 轴将是一个实现了 scale 的组件。这里接收的可以是一个轴\n  radiusScale: IBaseScale;\n  setRadiusScale: (s: IBaseScale) => void;\n  angleScale: IBaseScale;\n  setAngleScale: (s: IBaseScale) => void;\n\n  // TODO:\n  positionToData: (point: IPolarPoint) => any;\n  radiusToData: (radius: number) => any;\n  angleToData: (angle: number) => any;\n\n  // 轴\n  radiusAxisHelper: IPolarAxisHelper;\n  angleAxisHelper: IPolarAxisHelper;\n}\n\nexport interface IGeoSeries extends ISeries {\n  readonly coordinate: 'geo';\n\n  nameField?: string;\n  valueField?: string;\n\n  getMapViewData: () => DataView;\n\n  dataToPosition: (datum: any) => IPoint | null;\n  dataToLatitude: (latValue: any) => number | null;\n  dataToLongitude: (lonValue: any) => number | null;\n\n  positionToData: (p: IPoint) => any;\n  latitudeToData: (lat: number) => any;\n  longitudeToData: (lon: number) => any;\n\n  getCoordinateHelper: () => IGeoCoordinateHelper;\n  setCoordinateHelper: (helper: IGeoCoordinateHelper) => void;\n}\n\n// 收拢扇区标签形式依赖的 api\nexport interface IArcSeries extends IPolarSeries {\n  center: (() => IPoint) | IPoint;\n  getRadius: (state?: StateValueType) => number;\n  getInnerRadius: (state?: StateValueType) => number;\n  getLabelConfig: () => IArcLabelSpec;\n\n  computeRadius: (r: number, k?: number) => number;\n  computeDatumRadius: (datum: any, state?: StateValueType) => number;\n}\n\nexport interface IFunnelSeries {\n  getPoints: (datum: any) => IPoint[];\n}\n"]}