跳到主要内容

桑基树图

图表底层基于 ECharts，所以参考 ECharts 官方配置项文档使用即可。

同时，在 ECharts 之上我们对其能力做了扩展，暴露了部分自定义配置项（均以 dv 前缀进行命名，以和 ECharts 配置项做以区分），在这里进行说明。

以下所有配置项只在 series.type: 'sankey' 时有效。

自定义配置项​

series.dvLayout​

  • 类型 string
  • 枚举 tree

定义桑基图树形布局

以下配置项只在 series.dvLayout: 'tree' 时有效。

series.dvRootHeight​

  • 类型 number

设置根节点的高度

series.dvNodeLengthPercent​

  • 类型 number

设置同层节点宽度之和的最大值，所占容器宽度的百分比

series.data[key].compare​

  • 类型 number

label 中的同比数值（formatter 依赖参数）

series.data[key].num​

  • 类型 'string'| 'number'

label 中的数值（formatter 依赖参数）

series.data[key].root​

  • 类型 boolean

标记根节点（标记树形布局中的根节点）

series.data[key].value​

  • 类型 array

设置文本中需要进行数字动画的属性值（与series.dvEncode结合使用）

series.dvEdgeSilent​

提示

禁止边的鼠标事件后，不影响 emphasis 等配置项中边有关的样式配置，依然会因为节点的交互触发边的联动样式更新。

注意

禁止边的鼠标事件后会影响 Tooltip 的联动更新，建议仅在移动端场景使用该配置项。

  • 类型 boolean
  • 默认值 false

v0.4.7+

禁止边的鼠标事件。

series.dvEncode​

  • 类型 array

v0.4.7+

指定文本中需要进行数字动画的属性名（与series.data[key].value结合使用）