鱼骨图布局是一种专门用于表示层次结构数据的图形布局方式。它通过模拟鱼骨的形状，将数据节点按照层次结构排列，使得数据的层次关系更加清晰直观。鱼骨图布局特别适用于需要展示因果关系、层次结构或分类信息的数据集。

配置项

isLayoutInvisibleNodes

boolean

不可见节点是否参与布局

当 preLayout 为 true 时生效

nodeFilter

(node: NodeData) => boolean

参与该布局的节点

preLayout

boolean

使用前布局，在初始化元素前计算布局

不适用于流水线布局

Required type

string

布局类型

enableWorker

boolean

是否在 WebWorker 中运行布局

iterations

number

迭代布局的迭代次数

direction

'RL' | 'LR' Default: ``

排布方向

• 'RL' 从右到左，鱼头在右

• 'LR' 从左到右，鱼头在左

getRibSep

(node: NodeData) => number Default: () = 60

获取鱼骨间距

height

number

布局高度

hGap

number

获取水平间距

nodeSize

number | [number, number] | [number, number, number] | ((node: NodeData) => number | [number, number] | [number, number, number])

节点大小

vGap

number

获取垂直间距

width

number

布局宽度