@visactor/vchart 1.4.0-alpha.6 → 1.4.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/progress/linear/linear.ts"],"names":[],"mappings":"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","file":"linear.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\nimport { CartesianSeries } from '../../cartesian/cartesian';\nimport type { SeriesMarkMap } from '../../interface';\nimport { SeriesMarkNameEnum, SeriesTypeEnum } from '../../interface/type';\nimport type { IRectMark } from '../../../mark/rect';\nimport type { IGroupMark } from '../../../mark/group';\nimport { valueInScaleRange } from '../../../util';\nimport { AttributeLevel } from '../../../constant';\nimport type { Datum, Maybe } from '../../../typings';\nimport { animationConfig, userAnimationConfig } from '../../../animation/utils';\nimport { DEFAULT_MARK_ANIMATION } from '../../../animation/config';\nimport type { ILinearProgressAnimationParams, LinearProgressAppearPreset } from './animation';\nimport type { ILinearProgressSeriesSpec, ILinearProgressSeriesTheme } from './interface';\nimport { LinearProgressSeriesTooltipHelper } from './tooltip-helper';\nimport type { IStateAnimateSpec } from '../../../animation/spec';\nimport { VChart } from '../../../core/vchart';\nimport { RectMark } from '../../../mark/rect';\nimport { createRect } from '@visactor/vrender';\nimport { linearProgressSeriesMark } from './constant';\n\nVChart.useMark([RectMark]);\n\nexport class LinearProgressSeries<\n  T extends ILinearProgressSeriesSpec = ILinearProgressSeriesSpec\n> extends CartesianSeries<T> {\n  static readonly type: string = SeriesTypeEnum.linearProgress;\n  type = SeriesTypeEnum.linearProgress;\n\n  static readonly mark: SeriesMarkMap = linearProgressSeriesMark;\n\n  protected declare _theme: Maybe<ILinearProgressSeriesTheme>;\n\n  private _progressMark: IRectMark | null = null;\n  private _trackMark: IRectMark | null = null;\n  private _progressGroupMark: IGroupMark | null = null;\n\n  /**\n   * 为了解决在圆角情况下，在数值较小时，rect绘图效果不好的问题\n   * 1. trackMark的所有样式设置在groupMark上，定位也依靠这个groupMark\n   * 2. progressMark长度固定为整个进度条长度，通过x的偏移体现当前进度\n   *\n   * 为了解决在配置tooltip时，trackMark设置为GroupMark无法绑定数据的问题，\n   * 1. 原本的设置为groupMark的trackMark更名为GroupMark。用来保证在clip效果下progressMark小数据值的绘图效果。\n   * 1. 增加一层设置为rectMark的trackMark，形状大小与GroupMark相同\n   *\n   * 为了解决成组\n   * 给groupMark的path字段赋值为一个rect数组 也就是一个groupMark具有多个以背景条为轮廓的rect的path\n   * trackMark与progressMark使用绝对定位\n   */\n  initMark(): void {\n    this._initProgressGroupMark();\n    this._initTrackMark();\n    this._initProgressMark();\n  }\n\n  initMarkStyle(): void {\n    this._initProgressGroupMarkStyle();\n    this._initTrackMarkStyle();\n    this._initProgressMarkStyle();\n  }\n\n  private _initProgressMark() {\n    this._progressMark = this._createMark(LinearProgressSeries.mark.progress, {\n      isSeriesMark: true,\n      parent: this._progressGroupMark\n    }) as IRectMark;\n    return this._progressMark;\n  }\n\n  private _initProgressMarkStyle() {\n    const progressMark = this._progressMark;\n    if (progressMark) {\n      if (this._spec.direction === 'vertical') {\n        const leftPadding = this._spec.progress?.leftPadding ?? 0;\n        const rightPadding = this._spec.progress?.rightPadding ?? 0;\n\n        this.setMarkStyle(progressMark, {\n          x: (datum: Datum) => {\n            return (\n              valueInScaleRange(this.dataToPositionX(datum), this._xAxisHelper?.getScale?.(0)) -\n              this._spec.bandWidth / 2 +\n              leftPadding\n            );\n          },\n          y: (datum: Datum) => valueInScaleRange(this.dataToPositionY(datum), this._yAxisHelper?.getScale?.(0)),\n          height: () => this._yAxisHelper?.dataToPosition([0], { bandPosition: this._bandPosition }),\n          width: this._spec.bandWidth - leftPadding - rightPadding,\n          cornerRadius: this._spec.cornerRadius,\n          fill: this.getColorAttribute()\n        });\n      } else {\n        const topPadding = this._spec.progress?.topPadding ?? 0;\n        const bottomPadding = this._spec.progress?.bottomPadding ?? 0;\n\n        this.setMarkStyle(progressMark, {\n          x: (datum: Datum) =>\n            valueInScaleRange(this.dataToPositionX(datum), this._xAxisHelper?.getScale?.(0)) -\n            this._xAxisHelper.dataToPosition([1], { bandPosition: this._bandPosition }),\n          y: (datum: Datum) => {\n            return (\n              valueInScaleRange(this.dataToPositionY(datum), this._yAxisHelper?.getScale?.(0)) -\n              this._spec.bandWidth / 2 +\n              topPadding\n            );\n          },\n          height: this._spec.bandWidth - topPadding - bottomPadding,\n          width: () => this._xAxisHelper?.dataToPosition([1], { bandPosition: this._bandPosition }),\n          cornerRadius: this._spec.cornerRadius,\n          fill: this.getColorAttribute()\n        });\n      }\n      this._trigger.registerMark(progressMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(progressMark);\n    }\n  }\n\n  private _initTrackMark() {\n    this._trackMark = this._createMark(LinearProgressSeries.mark.track, {\n      parent: this._progressGroupMark\n    }) as IRectMark;\n    return this._trackMark;\n  }\n\n  private _initTrackMarkStyle() {\n    const trackMark = this._trackMark;\n    if (trackMark) {\n      if (this._spec.direction === 'vertical') {\n        this.setMarkStyle(trackMark, {\n          x: (datum: any) => {\n            return (\n              valueInScaleRange(this.dataToPositionX(datum), this._xAxisHelper?.getScale?.(0)) -\n              this._spec.bandWidth / 2\n            );\n          },\n          y: 0,\n          width: this._spec.bandWidth,\n          height: () => this._scaleY.range()[0],\n          cornerRadius: this._spec.cornerRadius,\n          fill: this._spec.track?.style?.fill\n        });\n      } else {\n        this.setMarkStyle(trackMark, {\n          x: 0,\n          y: (datum: any) => {\n            return (\n              valueInScaleRange(this.dataToPositionY(datum), this._yAxisHelper?.getScale?.(0)) -\n              this._spec.bandWidth / 2\n            );\n          },\n          height: this._spec.bandWidth,\n          width: () => this._scaleX.range()[1],\n          cornerRadius: this._spec.cornerRadius,\n          fill: this._spec.track?.style?.fill\n        });\n      }\n      this._trigger.registerMark(trackMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(trackMark);\n    }\n  }\n\n  private _initProgressGroupMark() {\n    // FIXME: disable group mark layout to prevent reevaluate after layout end\n    this._progressGroupMark = this._createMark(LinearProgressSeries.mark.group, {\n      skipBeforeLayouted: false\n    }) as IGroupMark;\n    return this._progressGroupMark;\n  }\n\n  private _initProgressGroupMarkStyle() {\n    const groupMark = this._progressGroupMark;\n    groupMark.setZIndex(this.layoutZIndex);\n    groupMark.created();\n\n    this.setMarkStyle(\n      groupMark,\n      {\n        clip: true,\n        x: 0,\n        y: 0,\n        path: () => {\n          const rectPaths: any[] = [];\n          this._rawData?.rawData.forEach((datum: any, index: number) => {\n            if (this._spec.direction === 'vertical') {\n              const x =\n                valueInScaleRange(this.dataToPositionX(datum), this._xAxisHelper?.getScale?.(0)) -\n                this._spec.bandWidth / 2;\n              const height = this._scaleY.range()[0];\n\n              rectPaths.push(\n                createRect({\n                  x: x,\n                  y: 0,\n                  height: height,\n                  width: this._spec.bandWidth,\n                  cornerRadius: this._spec.cornerRadius,\n                  fill: true\n                })\n              );\n            } else {\n              const y =\n                valueInScaleRange(this.dataToPositionY(datum), this._yAxisHelper?.getScale?.(0)) -\n                this._spec.bandWidth / 2;\n              const width = this._scaleX.range()[1];\n\n              rectPaths.push(\n                createRect({\n                  x: 0,\n                  y: y,\n                  height: this._spec.bandWidth,\n                  width: width,\n                  cornerRadius: this._spec.cornerRadius,\n                  fill: true\n                })\n              );\n            }\n          });\n          return rectPaths;\n        }\n      },\n      'normal',\n      AttributeLevel.Series\n    );\n    this._progressGroupMark.setInteractive(false);\n  }\n\n  initAnimation() {\n    const animationParams: ILinearProgressAnimationParams = {\n      direction: this.direction\n    };\n\n    const appearPreset = (this._spec?.animationAppear as IStateAnimateSpec<LinearProgressAppearPreset>)?.preset;\n\n    this._progressMark.setAnimationConfig(\n      animationConfig(\n        DEFAULT_MARK_ANIMATION.linearProgress(animationParams, appearPreset),\n        userAnimationConfig(SeriesMarkNameEnum.progress, this._spec)\n      )\n    );\n\n    this._trackMark.setAnimationConfig(\n      animationConfig(\n        DEFAULT_MARK_ANIMATION.progressBackground(),\n        userAnimationConfig(SeriesMarkNameEnum.track, this._spec)\n      )\n    );\n  }\n\n  protected initTooltip() {\n    this._tooltipHelper = new LinearProgressSeriesTooltipHelper(this);\n  }\n}\n"]}
+{"version":3,"sources":["../src/series/progress/linear/linear.ts"],"names":[],"mappings":"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","file":"linear.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\nimport { CartesianSeries } from '../../cartesian/cartesian';\nimport type { SeriesMarkMap } from '../../interface';\nimport { SeriesMarkNameEnum, SeriesTypeEnum } from '../../interface/type';\nimport type { IRectMark } from '../../../mark/rect';\nimport type { IGroupMark } from '../../../mark/group';\nimport { valueInScaleRange } from '../../../util';\nimport { AttributeLevel } from '../../../constant';\nimport type { Datum, Maybe } from '../../../typings';\nimport { animationConfig, userAnimationConfig } from '../../../animation/utils';\nimport { DEFAULT_MARK_ANIMATION } from '../../../animation/config';\nimport type { ILinearProgressAnimationParams, LinearProgressAppearPreset } from './animation';\nimport type { ILinearProgressSeriesSpec, ILinearProgressSeriesTheme } from './interface';\nimport { LinearProgressSeriesTooltipHelper } from './tooltip-helper';\nimport type { IStateAnimateSpec } from '../../../animation/spec';\nimport { VChart } from '../../../core/vchart';\nimport { RectMark } from '../../../mark/rect';\nimport { createRect } from '@visactor/vrender';\nimport { linearProgressSeriesMark } from './constant';\n\nVChart.useMark([RectMark]);\n\nexport class LinearProgressSeries<\n  T extends ILinearProgressSeriesSpec = ILinearProgressSeriesSpec\n> extends CartesianSeries<T> {\n  static readonly type: string = SeriesTypeEnum.linearProgress;\n  type = SeriesTypeEnum.linearProgress;\n\n  static readonly mark: SeriesMarkMap = linearProgressSeriesMark;\n\n  protected declare _theme: Maybe<ILinearProgressSeriesTheme>;\n\n  private _progressMark: IRectMark | null = null;\n  private _trackMark: IRectMark | null = null;\n  private _progressGroupMark: IGroupMark | null = null;\n\n  /**\n   * 为了解决在圆角情况下，在数值较小时，rect绘图效果不好的问题\n   * 1. trackMark的所有样式设置在groupMark上，定位也依靠这个groupMark\n   * 2. progressMark长度固定为整个进度条长度，通过x的偏移体现当前进度\n   *\n   * 为了解决在配置tooltip时，trackMark设置为GroupMark无法绑定数据的问题，\n   * 1. 原本的设置为groupMark的trackMark更名为GroupMark。用来保证在clip效果下progressMark小数据值的绘图效果。\n   * 1. 增加一层设置为rectMark的trackMark，形状大小与GroupMark相同\n   *\n   * 为了解决成组\n   * 给groupMark的path字段赋值为一个rect数组 也就是一个groupMark具有多个以背景条为轮廓的rect的path\n   * trackMark与progressMark使用绝对定位\n   */\n  initMark(): void {\n    this._initProgressGroupMark();\n    this._initTrackMark();\n    this._initProgressMark();\n  }\n\n  initMarkStyle(): void {\n    this._initProgressGroupMarkStyle();\n    this._initTrackMarkStyle();\n    this._initProgressMarkStyle();\n  }\n\n  private _initProgressMark() {\n    this._progressMark = this._createMark(LinearProgressSeries.mark.progress, {\n      isSeriesMark: true,\n      parent: this._progressGroupMark\n    }) as IRectMark;\n    return this._progressMark;\n  }\n\n  private _initProgressMarkStyle() {\n    const progressMark = this._progressMark;\n    if (progressMark) {\n      if (this._spec.direction === 'vertical') {\n        const leftPadding = this._spec.progress?.leftPadding ?? 0;\n        const rightPadding = this._spec.progress?.rightPadding ?? 0;\n\n        this.setMarkStyle(\n          progressMark,\n          {\n            x: (datum: Datum) => {\n              return (\n                valueInScaleRange(this.dataToPositionX(datum), this._xAxisHelper?.getScale?.(0)) -\n                this._spec.bandWidth / 2 +\n                leftPadding\n              );\n            },\n            y: (datum: Datum) => valueInScaleRange(this.dataToPositionY(datum), this._yAxisHelper?.getScale?.(0)),\n            height: () => this._yAxisHelper?.dataToPosition([0], { bandPosition: this._bandPosition }),\n            width: this._spec.bandWidth - leftPadding - rightPadding,\n            cornerRadius: this._spec.cornerRadius,\n            fill: this.getColorAttribute()\n          },\n          'normal',\n          AttributeLevel.Series\n        );\n      } else {\n        const topPadding = this._spec.progress?.topPadding ?? 0;\n        const bottomPadding = this._spec.progress?.bottomPadding ?? 0;\n\n        this.setMarkStyle(\n          progressMark,\n          {\n            x: (datum: Datum) =>\n              valueInScaleRange(this.dataToPositionX(datum), this._xAxisHelper?.getScale?.(0)) -\n              this._xAxisHelper.dataToPosition([1], { bandPosition: this._bandPosition }),\n            y: (datum: Datum) => {\n              return (\n                valueInScaleRange(this.dataToPositionY(datum), this._yAxisHelper?.getScale?.(0)) -\n                this._spec.bandWidth / 2 +\n                topPadding\n              );\n            },\n            height: this._spec.bandWidth - topPadding - bottomPadding,\n            width: () => this._xAxisHelper?.dataToPosition([1], { bandPosition: this._bandPosition }),\n            cornerRadius: this._spec.cornerRadius,\n            fill: this.getColorAttribute()\n          },\n          'normal',\n          AttributeLevel.Series\n        );\n      }\n      this._trigger.registerMark(progressMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(progressMark);\n    }\n  }\n\n  private _initTrackMark() {\n    this._trackMark = this._createMark(LinearProgressSeries.mark.track, {\n      parent: this._progressGroupMark\n    }) as IRectMark;\n    return this._trackMark;\n  }\n\n  private _initTrackMarkStyle() {\n    const trackMark = this._trackMark;\n    if (trackMark) {\n      if (this._spec.direction === 'vertical') {\n        this.setMarkStyle(\n          trackMark,\n          {\n            x: (datum: any) => {\n              return (\n                valueInScaleRange(this.dataToPositionX(datum), this._xAxisHelper?.getScale?.(0)) -\n                this._spec.bandWidth / 2\n              );\n            },\n            y: 0,\n            width: this._spec.bandWidth,\n            height: () => this._scaleY.range()[0],\n            cornerRadius: this._spec.cornerRadius\n          },\n          'normal',\n          AttributeLevel.Series\n        );\n      } else {\n        this.setMarkStyle(\n          trackMark,\n          {\n            x: 0,\n            y: (datum: any) => {\n              return (\n                valueInScaleRange(this.dataToPositionY(datum), this._yAxisHelper?.getScale?.(0)) -\n                this._spec.bandWidth / 2\n              );\n            },\n            height: this._spec.bandWidth,\n            width: () => this._scaleX.range()[1],\n            cornerRadius: this._spec.cornerRadius\n          },\n          'normal',\n          AttributeLevel.Series\n        );\n      }\n      this._trigger.registerMark(trackMark);\n      this._tooltipHelper?.activeTriggerSet.mark.add(trackMark);\n    }\n  }\n\n  private _initProgressGroupMark() {\n    // FIXME: disable group mark layout to prevent reevaluate after layout end\n    this._progressGroupMark = this._createMark(LinearProgressSeries.mark.group, {\n      skipBeforeLayouted: false\n    }) as IGroupMark;\n    return this._progressGroupMark;\n  }\n\n  private _initProgressGroupMarkStyle() {\n    const groupMark = this._progressGroupMark;\n    groupMark.setZIndex(this.layoutZIndex);\n    groupMark.created();\n\n    this.setMarkStyle(\n      groupMark,\n      {\n        clip: true,\n        x: 0,\n        y: 0,\n        path: () => {\n          const rectPaths: any[] = [];\n          this._rawData?.rawData.forEach((datum: any, index: number) => {\n            if (this._spec.direction === 'vertical') {\n              const x =\n                valueInScaleRange(this.dataToPositionX(datum), this._xAxisHelper?.getScale?.(0)) -\n                this._spec.bandWidth / 2;\n              const height = this._scaleY.range()[0];\n\n              rectPaths.push(\n                createRect({\n                  x: x,\n                  y: 0,\n                  height: height,\n                  width: this._spec.bandWidth,\n                  cornerRadius: this._spec.cornerRadius,\n                  fill: true\n                })\n              );\n            } else {\n              const y =\n                valueInScaleRange(this.dataToPositionY(datum), this._yAxisHelper?.getScale?.(0)) -\n                this._spec.bandWidth / 2;\n              const width = this._scaleX.range()[1];\n\n              rectPaths.push(\n                createRect({\n                  x: 0,\n                  y: y,\n                  height: this._spec.bandWidth,\n                  width: width,\n                  cornerRadius: this._spec.cornerRadius,\n                  fill: true\n                })\n              );\n            }\n          });\n          return rectPaths;\n        }\n      },\n      'normal',\n      AttributeLevel.Series\n    );\n    this._progressGroupMark.setInteractive(false);\n  }\n\n  initAnimation() {\n    const animationParams: ILinearProgressAnimationParams = {\n      direction: this.direction\n    };\n\n    const appearPreset = (this._spec?.animationAppear as IStateAnimateSpec<LinearProgressAppearPreset>)?.preset;\n\n    this._progressMark.setAnimationConfig(\n      animationConfig(\n        DEFAULT_MARK_ANIMATION.linearProgress(animationParams, appearPreset),\n        userAnimationConfig(SeriesMarkNameEnum.progress, this._spec)\n      )\n    );\n\n    this._trackMark.setAnimationConfig(\n      animationConfig(\n        DEFAULT_MARK_ANIMATION.progressBackground(),\n        userAnimationConfig(SeriesMarkNameEnum.track, this._spec)\n      )\n    );\n  }\n\n  protected initTooltip() {\n    this._tooltipHelper = new LinearProgressSeriesTooltipHelper(this);\n  }\n}\n"]}

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

@@ -6,6 +6,7 @@ import type { SankeyAppearPreset, SankeyMark } from './animation';
 import type { SeriesMarkNameEnum } from '../interface/type';
 import type { ILabelSpec } from '../../component/label';
 export interface ISankeySeriesSpec extends Omit<ISeriesSpec, 'data'>, IAnimationSpec<SankeyMark, SankeyAppearPreset> {
+    nameKey: any;
     type: 'sankey';
     categoryField: string;
     valueField: string;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/sankey/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ISeriesSpec, DirectionType, IMarkTheme } from '../../typings';\nimport type { IMarkSpec } from '../../typings/spec/common';\nimport type { IRectMarkSpec, ILinkPathMarkSpec } from '../../typings/visual';\nimport type { IAnimationSpec } from '../../animation/spec';\nimport type { SankeyAppearPreset, SankeyMark } from './animation';\nimport type { SeriesMarkNameEnum } from '../interface/type';\nimport type { ILabelSpec } from '../../component/label';\n\nexport interface ISankeySeriesSpec extends Omit<ISeriesSpec, 'data'>, IAnimationSpec<SankeyMark, SankeyAppearPreset> {\n  type: 'sankey';\n\n  /**\n   * 数据字段配置\n   */\n  /** 节点名称字段配置 */\n  categoryField: string;\n  /** 节点之间关系的权重字段 */\n  valueField: string;\n  /** 来源节点数据字段\n   *  层级数据不提供\n   */\n  sourceField?: string;\n  /** 目标节点数据字段\n   *  层级数据不提供\n   */\n  targetField?: string;\n\n  /**\n   * 图表布局方向\n   */\n  direction?: DirectionType;\n  /**\n   * 节点的对齐类型\n   */\n  nodeAlign?: 'left' | 'right' | 'center' | 'justify' | 'start' | 'end';\n  /**\n   * 同一层中两个节点之间的间隙大小\n   */\n  nodeGap?: number;\n  /**\n   * 每个节点的宽度，支持三种取值\n   * 1. 百分比字符串，例如：{ nodeWidth: '12%' }\n   * 2. 以'px'为单位的简单数字，eg: { nodeWidth: 20 }\n   * 3. function，通过自定义计算指定nodeWidth\n   */\n  nodeWidth?: string | number | ((node: SankeyNodeElement) => number);\n  /**\n   * link宽度，单位px\n   */\n  linkWidth?: number | ((link: SankeyLinkElement) => number);\n  /**\n   * link + node 的最小宽度\n   */\n  minStepWidth?: number;\n  /**\n   * 数据不为零或空时节点的最小大小\n   *  - 这个配置可以用来避免数据太小时看不到太细的节点\n   *  - 建议小于5px\n   */\n  minNodeHeight?: number;\n  /**\n   * 数据不为零或空时边的最小大小\n   *  - 这个配置可以用来避免数据太小的时候看不到太细的链接\n   *  - 建议小于5px\n   *  - 当同时指定 `minNodeHeight` 和 `minLinkHeight` 两个选项时，此选项应小于 `minNodeHeight`\n   */\n  minLinkHeight?: number;\n  /** 布局的迭代次数 */\n  iterations?: number;\n  /** 解析node的key，defaultValue */\n  nodeKey?: string | number | ((datum: SankeyNodeDatum) => string | number);\n  /** 按此funtion排序link */\n  linkSortBy?: (a: SankeyLinkElement, b: SankeyLinkElement) => number;\n  /** 按此funtion排序node */\n  nodeSortBy?: (a: SankeyNodeElement, b: SankeyNodeElement) => number;\n  /** 自定义指定节点层 */\n  setNodeLayer?: (datum: SankeyNodeDatum) => number;\n\n  /** 节点配置 */\n  [SeriesMarkNameEnum.node]?: IMarkSpec<IRectMarkSpec>;\n\n  /** 边配置 */\n  [SeriesMarkNameEnum.link]?: IMarkSpec<ILinkPathMarkSpec>;\n\n  /** 联动交互配置 */\n  emphasis?: {\n    /** 是否开启交互 */\n    enable: boolean;\n    /**\n     * 交互触发类型\n     * 默认为‘click'\n     */\n    trigger?: 'click' | 'hover';\n    /**桑基图提供3种在节点上的交互联动效果\n     * self: 仅高亮当前节点。\n     * adjacency: 高亮当前节点上下游节点和关联的边，淡化其它图形元素。\n     * related： 高亮与当前节点相关的整条路径上的节点和边，淡化其它图形元素。 */\n    effect: 'self' | 'adjacency' | 'related';\n  };\n\n  /** 标签配置 */\n  [SeriesMarkNameEnum.label]?: ILabelSpec & {\n    /**\n     * 标签布局方式\n     * @default 'outside'\n     */\n    position: 'outside' | 'inside-start' | 'inside-middle' | 'inside-end' | 'left' | 'right';\n    /** 标签文字缩略 */\n    limit: number;\n  };\n\n  /** 进度条配置 */\n  // scroll?: IScrollSpec & {\n  //   /** 是否开启进度条 */\n  //   enable: boolean;\n  // };\n}\n\nexport interface SankeyLinkDatum {\n  source: string | number;\n  target: string | number;\n  value?: number;\n}\n\nexport interface SankeyNodeDatum {\n  value?: number;\n}\n\nexport interface HierarchyNodeDatum {\n  value?: number;\n  children?: HierarchyNodeDatum[];\n}\n\nexport type SankeyData =\n  | {\n      nodes?: SankeyNodeDatum[];\n      links: SankeyLinkDatum[];\n    }\n  | {\n      nodes: HierarchyNodeDatum[];\n    };\n\n/**\n * The node element after sankey layout\n */\nexport interface SankeyNodeElement {\n  key: string | number;\n  index: number;\n  /** the depth of node, from source to target */\n  depth: number;\n\n  /** the depth of node, from target to source */\n  endDepth?: number;\n  /** the final layer index after layout */\n  layer?: number;\n  isLastLayer?: boolean;\n  value: number;\n  datum: SankeyNodeDatum;\n  sourceLinks: SankeyLinkElement[];\n  targetLinks: SankeyLinkElement[];\n  x0?: number;\n  y0?: number;\n  x1?: number;\n  y1?: number;\n}\n/**\n * the link element after sankey layout\n */\nexport interface SankeyLinkElement {\n  vertical?: boolean;\n  index: number;\n  source: string | number;\n  target: string | number;\n  value: number;\n  datum: SankeyLinkDatum | SankeyLinkDatum[];\n  thickness?: number;\n  sourceRect?: { x0: number; x1: number; y0: number; y1: number };\n  targetRect?: { x0: number; x1: number; y0: number; y1: number };\n  /** this will only be generate in hierarchy node data*/\n  parents?: (string | number)[];\n  y0?: number;\n  y1?: number;\n  x0?: number;\n  x1?: number;\n}\n\nexport type SankeyLayoutResult = {\n  nodes: SankeyNodeElement[];\n  links: SankeyLinkElement[];\n  columns: SankeyNodeElement[][];\n}[];\n\nexport interface ISankeySeriesTheme {\n  [SeriesMarkNameEnum.node]?: IMarkTheme<IRectMarkSpec>;\n  [SeriesMarkNameEnum.link]?: IMarkTheme<ILinkPathMarkSpec>;\n}\n"]}
+{"version":3,"sources":["../src/series/sankey/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ISeriesSpec, DirectionType, IMarkTheme } from '../../typings';\nimport type { IMarkSpec } from '../../typings/spec/common';\nimport type { IRectMarkSpec, ILinkPathMarkSpec } from '../../typings/visual';\nimport type { IAnimationSpec } from '../../animation/spec';\nimport type { SankeyAppearPreset, SankeyMark } from './animation';\nimport type { SeriesMarkNameEnum } from '../interface/type';\nimport type { ILabelSpec } from '../../component/label';\n\nexport interface ISankeySeriesSpec extends Omit<ISeriesSpec, 'data'>, IAnimationSpec<SankeyMark, SankeyAppearPreset> {\n  nameKey: any;\n  type: 'sankey';\n\n  /**\n   * 数据字段配置\n   */\n  /** 节点名称字段配置 */\n  categoryField: string;\n  /** 节点之间关系的权重字段 */\n  valueField: string;\n  /** 来源节点数据字段\n   *  层级数据不提供\n   */\n  sourceField?: string;\n  /** 目标节点数据字段\n   *  层级数据不提供\n   */\n  targetField?: string;\n\n  /**\n   * 图表布局方向\n   */\n  direction?: DirectionType;\n  /**\n   * 节点的对齐类型\n   */\n  nodeAlign?: 'left' | 'right' | 'center' | 'justify' | 'start' | 'end';\n  /**\n   * 同一层中两个节点之间的间隙大小\n   */\n  nodeGap?: number;\n  /**\n   * 每个节点的宽度，支持三种取值\n   * 1. 百分比字符串，例如：{ nodeWidth: '12%' }\n   * 2. 以'px'为单位的简单数字，eg: { nodeWidth: 20 }\n   * 3. function，通过自定义计算指定nodeWidth\n   */\n  nodeWidth?: string | number | ((node: SankeyNodeElement) => number);\n  /**\n   * link宽度，单位px\n   */\n  linkWidth?: number | ((link: SankeyLinkElement) => number);\n  /**\n   * link + node 的最小宽度\n   */\n  minStepWidth?: number;\n  /**\n   * 数据不为零或空时节点的最小大小\n   *  - 这个配置可以用来避免数据太小时看不到太细的节点\n   *  - 建议小于5px\n   */\n  minNodeHeight?: number;\n  /**\n   * 数据不为零或空时边的最小大小\n   *  - 这个配置可以用来避免数据太小的时候看不到太细的链接\n   *  - 建议小于5px\n   *  - 当同时指定 `minNodeHeight` 和 `minLinkHeight` 两个选项时，此选项应小于 `minNodeHeight`\n   */\n  minLinkHeight?: number;\n  /** 布局的迭代次数 */\n  iterations?: number;\n  /** 解析node的key，defaultValue */\n  nodeKey?: string | number | ((datum: SankeyNodeDatum) => string | number);\n  /** 按此funtion排序link */\n  linkSortBy?: (a: SankeyLinkElement, b: SankeyLinkElement) => number;\n  /** 按此funtion排序node */\n  nodeSortBy?: (a: SankeyNodeElement, b: SankeyNodeElement) => number;\n  /** 自定义指定节点层 */\n  setNodeLayer?: (datum: SankeyNodeDatum) => number;\n\n  /** 节点配置 */\n  [SeriesMarkNameEnum.node]?: IMarkSpec<IRectMarkSpec>;\n\n  /** 边配置 */\n  [SeriesMarkNameEnum.link]?: IMarkSpec<ILinkPathMarkSpec>;\n\n  /** 联动交互配置 */\n  emphasis?: {\n    /** 是否开启交互 */\n    enable: boolean;\n    /**\n     * 交互触发类型\n     * 默认为‘click'\n     */\n    trigger?: 'click' | 'hover';\n    /**桑基图提供3种在节点上的交互联动效果\n     * self: 仅高亮当前节点。\n     * adjacency: 高亮当前节点上下游节点和关联的边，淡化其它图形元素。\n     * related： 高亮与当前节点相关的整条路径上的节点和边，淡化其它图形元素。 */\n    effect: 'self' | 'adjacency' | 'related';\n  };\n\n  /** 标签配置 */\n  [SeriesMarkNameEnum.label]?: ILabelSpec & {\n    /**\n     * 标签布局方式\n     * @default 'outside'\n     */\n    position: 'outside' | 'inside-start' | 'inside-middle' | 'inside-end' | 'left' | 'right';\n    /** 标签文字缩略 */\n    limit: number;\n  };\n\n  /** 进度条配置 */\n  // scroll?: IScrollSpec & {\n  //   /** 是否开启进度条 */\n  //   enable: boolean;\n  // };\n}\n\nexport interface SankeyLinkDatum {\n  source: string | number;\n  target: string | number;\n  value?: number;\n}\n\nexport interface SankeyNodeDatum {\n  value?: number;\n}\n\nexport interface HierarchyNodeDatum {\n  value?: number;\n  children?: HierarchyNodeDatum[];\n}\n\nexport type SankeyData =\n  | {\n      nodes?: SankeyNodeDatum[];\n      links: SankeyLinkDatum[];\n    }\n  | {\n      nodes: HierarchyNodeDatum[];\n    };\n\n/**\n * The node element after sankey layout\n */\nexport interface SankeyNodeElement {\n  key: string | number;\n  index: number;\n  /** the depth of node, from source to target */\n  depth: number;\n\n  /** the depth of node, from target to source */\n  endDepth?: number;\n  /** the final layer index after layout */\n  layer?: number;\n  isLastLayer?: boolean;\n  value: number;\n  datum: SankeyNodeDatum;\n  sourceLinks: SankeyLinkElement[];\n  targetLinks: SankeyLinkElement[];\n  x0?: number;\n  y0?: number;\n  x1?: number;\n  y1?: number;\n}\n/**\n * the link element after sankey layout\n */\nexport interface SankeyLinkElement {\n  vertical?: boolean;\n  index: number;\n  source: string | number;\n  target: string | number;\n  value: number;\n  datum: SankeyLinkDatum | SankeyLinkDatum[];\n  thickness?: number;\n  sourceRect?: { x0: number; x1: number; y0: number; y1: number };\n  targetRect?: { x0: number; x1: number; y0: number; y1: number };\n  /** this will only be generate in hierarchy node data*/\n  parents?: (string | number)[];\n  y0?: number;\n  y1?: number;\n  x0?: number;\n  x1?: number;\n}\n\nexport type SankeyLayoutResult = {\n  nodes: SankeyNodeElement[];\n  links: SankeyLinkElement[];\n  columns: SankeyNodeElement[][];\n}[];\n\nexport interface ISankeySeriesTheme {\n  [SeriesMarkNameEnum.node]?: IMarkTheme<IRectMarkSpec>;\n  [SeriesMarkNameEnum.link]?: IMarkTheme<ILinkPathMarkSpec>;\n}\n"]}

package/esm/series/sankey/sankey.d.ts

@@ -46,7 +46,9 @@ export declare class SankeySeries<T extends ISankeySeriesSpec = ISankeySeriesSpe
     protected _handleLinkRelatedClick: (element: IGlyphElement) => void;
     protected initTooltip(): void;
     getNodeOrdinalColorScale(item: string): any;
-    extractNamesFromTree(tree: any): Set<unknown>;
+    getNodeList(): any;
+    _getNodeNameFromData(datum: Datum): any;
+    extractNamesFromTree(tree: any, categoryName: string): Set<unknown>;
     getDimensionField(): string[];
     getMeasureField(): string[];
     getSeriesKeys(): string[];

package/esm/series/sankey/sankey.js

@@ -74,8 +74,8 @@ export class SankeySeries extends CartesianSeries {
             }));
         }, this._handleNodeAdjacencyClick = element => {
             const nodeDatum = element.getDatum(), highlightNodes = [ nodeDatum.key ];
-            [ this._linkMark ].forEach((mark => {
-                const vGrammarMark = mark.getProduct();
+            if (this._linkMark) {
+                const vGrammarMark = this._linkMark.getProduct();
                 if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                 vGrammarMark.elements.forEach(((linkEl, i) => {
                     linkEl.clearStates();
@@ -93,23 +93,25 @@ export class SankeySeries extends CartesianSeries {
                         });
                     } else linkDatum.target === nodeDatum.key ? highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source) : linkEl.useStates([ "blur" ]);
                 }));
-            })), [ this._nodeMark ].forEach((mark => {
-                const vGrammarMark = mark.getProduct();
+            }
+            if (this._nodeMark) {
+                const vGrammarMark = this._nodeMark.getProduct();
                 if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                 vGrammarMark.elements.forEach((el => {
                     el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
                 }));
-            })), [ this._labelMark ].forEach((mark => {
-                const vGrammarMark = mark.getProduct();
+            }
+            if (this._labelMark) {
+                const vGrammarMark = this._labelMark.getProduct();
                 if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                 vGrammarMark.elements.forEach((el => {
                     el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
                 }));
-            }));
+            }
         }, this._handleLinkAdjacencyClick = element => {
             const curLinkDatum = element.getDatum(), highlightNodes = [ curLinkDatum.source, curLinkDatum.target ];
-            [ this._linkMark ].forEach((mark => {
-                const vGrammarMark = mark.getProduct();
+            if (this._linkMark) {
+                const vGrammarMark = this._linkMark.getProduct();
                 if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                 vGrammarMark.elements.forEach((linkEl => {
                     linkEl.clearStates();
@@ -130,19 +132,21 @@ export class SankeySeries extends CartesianSeries {
                         });
                     } else linkEl === element || linkEl.useStates([ "blur" ]);
                 }));
-            })), [ this._nodeMark ].forEach((mark => {
-                const vGrammarMark = mark.getProduct();
+            }
+            if (this._nodeMark) {
+                const vGrammarMark = this._nodeMark.getProduct();
                 if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                 vGrammarMark.elements.forEach((el => {
                     el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
                 }));
-            })), [ this._labelMark ].forEach((mark => {
-                const vGrammarMark = mark.getProduct();
+            }
+            if (this._labelMark) {
+                const vGrammarMark = this._labelMark.getProduct();
                 if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                 vGrammarMark.elements.forEach((el => {
                     el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
                 }));
-            }));
+            }
         }, this._handleNodeRelatedClick = element => {
             var _a;
             const nodeDatum = element.getDatum(), nodeVGrammarMark = this._nodeMark.getProduct();
@@ -152,7 +156,7 @@ export class SankeySeries extends CartesianSeries {
             const allLinkElements = linkVGrammarMark.elements;
             if ("source" === ((null === (_a = allLinkElements[0].getDatum()) || void 0 === _a ? void 0 : _a.parents) ? "parents" : "source")) {
                 const highlightNodes = [ nodeDatum.key ], highlightLinks = [];
-                allLinkElements.forEach(((linkEl, i) => {
+                if (allLinkElements.forEach(((linkEl, i) => {
                     var _a, _b, _c, _d;
                     linkEl.clearStates();
                     const linkDatum = linkEl.getDatum(), father = (null == linkDatum ? void 0 : linkDatum.parents) ? "parents" : "source";
@@ -192,26 +196,28 @@ export class SankeySeries extends CartesianSeries {
                             })), void (sourceNodeTargetLinks = newSourceNodeTargetLinks);
                         }
                     }
-                })), [ this._linkMark ].forEach((mark => {
-                    const vGrammarMark = mark.getProduct();
+                })), this._linkMark) {
+                    const vGrammarMark = this._linkMark.getProduct();
                     if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                     vGrammarMark.elements.forEach(((linkEl, i) => {
                         var _a;
                         linkEl.clearStates(), highlightLinks.includes(null !== (_a = linkEl.getDatum().key) && void 0 !== _a ? _a : linkEl.getDatum().index) ? linkEl.useStates([ "selected" ]) : linkEl.useStates([ "blur" ]);
                     }));
-                })), [ this._nodeMark ].forEach((mark => {
-                    const vGrammarMark = mark.getProduct();
+                }
+                if (this._nodeMark) {
+                    const vGrammarMark = this._nodeMark.getProduct();
                     if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                     vGrammarMark.elements.forEach((el => {
                         el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
                     }));
-                })), [ this._labelMark ].forEach((mark => {
-                    const vGrammarMark = mark.getProduct();
+                }
+                if (this._labelMark) {
+                    const vGrammarMark = this._labelMark.getProduct();
                     if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                     vGrammarMark.elements.forEach((el => {
                         el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
                     }));
-                }));
+                }
             } else {
                 const highlightNodes = [ nodeDatum.key ], upstreamLinks = nodeDatum.targetLinks.reduce(((res, link) => (array(link.datum).forEach((dividedLink => {
                     const parents = dividedLink.parents, len = parents.length;
@@ -224,7 +230,7 @@ export class SankeySeries extends CartesianSeries {
                         });
                     }
                 })), res)), []);
-                allLinkElements.forEach(((linkEl, i) => {
+                if (allLinkElements.forEach(((linkEl, i) => {
                     linkEl.clearStates();
                     const linkDatum = linkEl.getDatum(), father = (null == linkDatum ? void 0 : linkDatum.parents) ? "parents" : "source", originalDatum = linkDatum.datum, selectedDatum = originalDatum ? originalDatum.filter((entry => entry[father].some((par => par.key === nodeDatum.key)))) : null, upSelectedLink = upstreamLinks.find((upLink => upLink.source === linkDatum.source && upLink.target === linkDatum.target));
                     if (selectedDatum && selectedDatum.length) {
@@ -241,19 +247,20 @@ export class SankeySeries extends CartesianSeries {
                         ratio: upSelectedLink.value / linkDatum.value
                     });
                     linkEl.useStates([ "blur" ]);
-                })), [ this._nodeMark ].forEach((mark => {
-                    const vGrammarMark = mark.getProduct();
+                })), this._nodeMark) {
+                    const vGrammarMark = this._nodeMark.getProduct();
                     if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                     vGrammarMark.elements.forEach((el => {
                         el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
                     }));
-                })), [ this._labelMark ].forEach((mark => {
-                    const vGrammarMark = mark.getProduct();
+                }
+                if (this._labelMark) {
+                    const vGrammarMark = this._labelMark.getProduct();
                     if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                     vGrammarMark.elements.forEach((el => {
                         el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
                     }));
-                }));
+                }
             }
         }, this._handleLinkRelatedClick = element => {
             var _a;
@@ -262,27 +269,31 @@ export class SankeySeries extends CartesianSeries {
             const allNodeElements = nodeVGrammarMark.elements, linkVGrammarMark = this._linkMark.getProduct();
             if (!linkVGrammarMark || !linkVGrammarMark.elements || !linkVGrammarMark.elements.length) return;
             const allLinkElements = linkVGrammarMark.elements;
-            if ("source" === ((null === (_a = element.getDatum()) || void 0 === _a ? void 0 : _a.parents) ? "parents" : "source")) [ this._linkMark ].forEach((mark => {
-                const vGrammarMark = mark.getProduct();
-                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
-                vGrammarMark.elements.forEach((linkEl => {
-                    linkEl.clearStates();
-                }));
-            })), [ this._nodeMark ].forEach((mark => {
-                const vGrammarMark = mark.getProduct();
-                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
-                vGrammarMark.elements.forEach((el => {
-                    el.clearStates();
-                }));
-            })), [ this._labelMark ].forEach((mark => {
-                const vGrammarMark = mark.getProduct();
-                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
-                vGrammarMark.elements.forEach((el => {
-                    el.clearStates();
-                }));
-            })); else {
+            if ("source" === ((null === (_a = element.getDatum()) || void 0 === _a ? void 0 : _a.parents) ? "parents" : "source")) {
+                if (this._linkMark) {
+                    const vGrammarMark = this._linkMark.getProduct();
+                    if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                    vGrammarMark.elements.forEach((linkEl => {
+                        linkEl.clearStates();
+                    }));
+                }
+                if (this._nodeMark) {
+                    const vGrammarMark = this._nodeMark.getProduct();
+                    if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                    vGrammarMark.elements.forEach((el => {
+                        el.clearStates();
+                    }));
+                }
+                if (this._labelMark) {
+                    const vGrammarMark = this._labelMark.getProduct();
+                    if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                    vGrammarMark.elements.forEach((el => {
+                        el.clearStates();
+                    }));
+                }
+            } else {
                 const curLinkDatum = element.getDatum(), highlightNodes = [ curLinkDatum.source, curLinkDatum.target ], upstreamLinks = [];
-                array(curLinkDatum.datum).forEach((dividedLink => {
+                if (array(curLinkDatum.datum).forEach((dividedLink => {
                     const parents = dividedLink.parents, len = parents.length;
                     for (let i = 0; i < len - 1; i++) {
                         const source = parents[i].key, target = parents[i + 1].key, value = dividedLink.value, existingItem = upstreamLinks.find((item => item.source === source && item.target === target));
@@ -327,13 +338,13 @@ export class SankeySeries extends CartesianSeries {
                     linkEl.useStates([ "blur" ]);
                 })), allNodeElements.forEach((el => {
                     el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
-                })), [ this._labelMark ].forEach((mark => {
-                    const vGrammarMark = mark.getProduct();
+                })), this._labelMark) {
+                    const vGrammarMark = this._labelMark.getProduct();
                     if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
                     vGrammarMark.elements.forEach((el => {
                         el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
                     }));
-                }));
+                }
             }
         };
     }
@@ -465,9 +476,8 @@ export class SankeySeries extends CartesianSeries {
             y: datum => datum.y0,
             y1: datum => datum.y1,
             fill: datum => {
-                var _a, _b, _c, _d, _e;
-                const nodeName = null !== (_b = null !== (_a = datum.key) && void 0 !== _a ? _a : datum[this._spec.categoryField]) && void 0 !== _b ? _b : "";
-                return null !== (_e = null === (_d = null === (_c = this._spec.node) || void 0 === _c ? void 0 : _c.style) || void 0 === _d ? void 0 : _d.fill) && void 0 !== _e ? _e : this.getNodeOrdinalColorScale(nodeName);
+                var _a, _b, _c;
+                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(this._getNodeNameFromData(datum));
             }
         }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Mark), this._trigger.registerMark(nodeMark), 
         null === (_a = this._tooltipHelper) || void 0 === _a || _a.activeTriggerSet.mark.add(nodeMark));
@@ -482,8 +492,9 @@ export class SankeySeries extends CartesianSeries {
             y1: datum => datum.y1,
             thickness: datum => datum.thickness,
             fill: datum => {
-                var _a, _b, _c;
-                return null !== (_c = null === (_b = null === (_a = this._spec.link) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(datum.source);
+                var _a, _b, _c, _d, _e, _f, _g;
+                const sourceName = (null === (_a = this._spec) || void 0 === _a ? void 0 : _a.nameKey) || (null === (_d = null === (_c = null === (_b = this._rawData.latestData[0]) || void 0 === _b ? void 0 : _b.nodes) || void 0 === _c ? void 0 : _c[0]) || void 0 === _d ? void 0 : _d.children) ? datum.source : this.getNodeList()[datum.source];
+                return null !== (_g = null === (_f = null === (_e = this._spec.link) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.fill) && void 0 !== _g ? _g : this.getNodeOrdinalColorScale(sourceName);
             },
             direction: null !== (_a = this._spec.direction) && void 0 !== _a ? _a : "horizontal"
         }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series), this._trigger.registerMark(linkMark), 
@@ -529,7 +540,7 @@ export class SankeySeries extends CartesianSeries {
             y: datum => datum.y1 >= this._viewBox.y2 ? datum.y0 : datum.y1,
             fill: datum => {
                 var _a, _b, _c;
-                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(datum.key);
+                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(this._getNodeNameFromData(datum));
             },
             text: datum => this._createText(datum),
             limit: this._labelLimit,
@@ -573,7 +584,7 @@ export class SankeySeries extends CartesianSeries {
             y: datum => (datum.y0 + datum.y1) / 2,
             fill: datum => {
                 var _a, _b, _c;
-                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(datum.key);
+                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(this._getNodeNameFromData(datum));
             },
             text: datum => this._createText(datum),
             limit: this._labelLimit,
@@ -584,7 +595,7 @@ export class SankeySeries extends CartesianSeries {
             y: datum => (datum.y0 + datum.y1) / 2,
             fill: datum => {
                 var _a, _b, _c;
-                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(datum.key);
+                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(this._getNodeNameFromData(datum));
             },
             text: datum => this._createText(datum),
             limit: this._labelLimit,
@@ -595,7 +606,7 @@ export class SankeySeries extends CartesianSeries {
             y: datum => (datum.y0 + datum.y1) / 2,
             fill: datum => {
                 var _a, _b, _c;
-                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(datum.key);
+                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(this._getNodeNameFromData(datum));
             },
             text: datum => this._createText(datum),
             limit: this._labelLimit,
@@ -629,13 +640,13 @@ export class SankeySeries extends CartesianSeries {
         super.initEvent(), null === (_a = this._nodesSeriesData.getDataView()) || void 0 === _a || _a.target.addListener("change", this.nodesSeriesDataUpdate.bind(this)), 
         null === (_b = this._linksSeriesData.getDataView()) || void 0 === _b || _b.target.addListener("change", this.linksSeriesDataUpdate.bind(this)), 
         (null === (_c = this._spec.emphasis) || void 0 === _c ? void 0 : _c.enable) && "adjacency" === (null === (_d = this._spec.emphasis) || void 0 === _d ? void 0 : _d.effect) && ("hover" === (null === (_e = this._spec.emphasis) || void 0 === _e ? void 0 : _e.trigger) ? this.event.on("pointerover", {
-            level: Event_Bubble_Level.mark
+            level: Event_Bubble_Level.chart
         }, this._handleAdjacencyClick) : this.event.on("pointerdown", {
-            level: Event_Bubble_Level.mark
+            level: Event_Bubble_Level.chart
         }, this._handleAdjacencyClick)), (null === (_f = this._spec.emphasis) || void 0 === _f ? void 0 : _f.enable) && "related" === (null === (_g = this._spec.emphasis) || void 0 === _g ? void 0 : _g.effect) && ("hover" === (null === (_h = this._spec.emphasis) || void 0 === _h ? void 0 : _h.trigger) ? this.event.on("pointerover", {
-            level: Event_Bubble_Level.mark
+            level: Event_Bubble_Level.chart
         }, this._handleRelatedClick) : this.event.on("pointerdown", {
-            level: Event_Bubble_Level.mark
+            level: Event_Bubble_Level.chart
         }, this._handleRelatedClick));
     }
     nodesSeriesDataUpdate() {
@@ -652,16 +663,26 @@ export class SankeySeries extends CartesianSeries {
         this._tooltipHelper = new SankeySeriesTooltipHelper(this);
     }
     getNodeOrdinalColorScale(item) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const colorDomain = (null === (_a = this._rawData.latestData[0]) || void 0 === _a ? void 0 : _a.nodes) ? (null === (_b = this._rawData.latestData[0].nodes[0]) || void 0 === _b ? void 0 : _b.children) ? Array.from(this.extractNamesFromTree(this._rawData.latestData[0].nodes)) : this._rawData.latestData[0].nodes.map(((datum, index) => this._spec.nodeKey ? datum[this._spec.categoryField] : index)) : null === (_c = this._rawData.latestData[0]) || void 0 === _c ? void 0 : _c.values.map(((datum, index) => this._spec.nodeKey ? datum[this._spec.categoryField] : index)), colorRange = null !== (_e = null === (_d = this._option.globalScale.color) || void 0 === _d ? void 0 : _d.range()) && void 0 !== _e ? _e : getDataScheme(this._option.getTheme().colorScheme, this.type), ordinalScale = new ColorOrdinalScale;
-        return null === (_g = (_f = ordinalScale.domain(colorDomain)).range) || void 0 === _g || _g.call(_f, colorRange), 
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const colorDomain = isNil(null === (_b = null === (_a = this._option.globalScale.getScale("color")) || void 0 === _a ? void 0 : _a.domain()) || void 0 === _b ? void 0 : _b[0]) ? this.getNodeList() : this._option.globalScale.getScale("color").domain();
+        let colorRange = null !== (_d = null === (_c = this._option.globalScale.getScale("color")) || void 0 === _c ? void 0 : _c.range()) && void 0 !== _d ? _d : getDataScheme(this._option.getTheme().colorScheme, this.type);
+        (0 === (null === (_e = this._option.globalScale.getScale("color")) || void 0 === _e ? void 0 : _e.domain().length) || isNil(this._option.globalScale.getScale("color").domain()[0])) && colorDomain.length > 10 && (colorRange = null === (_f = getDataScheme(this._option.getTheme().colorScheme, this.type)[1]) || void 0 === _f ? void 0 : _f.scheme);
+        const ordinalScale = new ColorOrdinalScale;
+        return null === (_h = (_g = ordinalScale.domain(colorDomain)).range) || void 0 === _h || _h.call(_g, colorRange), 
         ordinalScale.scale(item);
     }
-    extractNamesFromTree(tree) {
+    getNodeList() {
+        var _a, _b, _c;
+        return (null === (_a = this._rawData.latestData[0]) || void 0 === _a ? void 0 : _a.nodes) ? (null === (_b = this._rawData.latestData[0].nodes[0]) || void 0 === _b ? void 0 : _b.children) ? Array.from(this.extractNamesFromTree(this._rawData.latestData[0].nodes, this._spec.categoryField)) : this._rawData.latestData[0].nodes.map(((datum, index) => datum[this._spec.categoryField])) : null === (_c = this._rawData.latestData[0]) || void 0 === _c ? void 0 : _c.values.map(((datum, index) => datum[this._spec.categoryField]));
+    }
+    _getNodeNameFromData(datum) {
+        return (null == datum ? void 0 : datum.datum) ? null == datum ? void 0 : datum.datum[this._spec.categoryField] : datum[this._spec.categoryField];
+    }
+    extractNamesFromTree(tree, categoryName) {
         const uniqueNames = new Set;
         return tree.forEach((node => {
-            if (uniqueNames.add(node.name), node.children) {
-                this.extractNamesFromTree(node.children).forEach((name => uniqueNames.add(name)));
+            if (uniqueNames.add(node[categoryName]), node.children) {
+                this.extractNamesFromTree(node.children, categoryName).forEach((name => uniqueNames.add(name)));
             }
         })), uniqueNames;
     }
@@ -672,10 +693,10 @@ export class SankeySeries extends CartesianSeries {
         return [ this._valueField ];
     }
     getSeriesKeys() {
-        var _a;
+        var _a, _b;
         if (this._seriesField) {
             const keyArray = [];
-            return null === (_a = this._nodesSeriesData) || void 0 === _a || _a.getDataView().latestData.forEach((datum => {
+            return null === (_b = null === (_a = this._nodesSeriesData) || void 0 === _a ? void 0 : _a.getDataView()) || void 0 === _b || _b.latestData.forEach((datum => {
                 var _a;
                 keyArray.push(null !== (_a = datum[this._seriesField]) && void 0 !== _a ? _a : datum.datum[this._seriesField]);
             })), keyArray;