mirror of
https://gitee.com/antv/g6.git
synced 2024-12-16 02:21:25 +08:00
2.3 KiB
2.3 KiB
title | order |
---|---|
Mindmap 脑图树 | 16 |
深度相同的节点将会被放置在同一层,与 compactBox 不同的是,布局不会考虑节点的大小。
direction
类型:String
可选值:'H' | 'V'
默认值:'H'
是否必须:false
说明:树布局的方向,默认为 'H'
,其他选项说明
- H:horizontal(水平)—— 根节点的子节点分成两部分横向放置在根节点左右两侧
- V:vertical (竖直)—— 将根节点的所有孩子纵向排列
getWidth
类型:Number | Function
示例:
(d) => {
// d 是一个节点
if (d.id === 'testId') return 50;
return 100;
};
是否必须:false
说明:每个节点的宽度
getHeight
类型:Number | Function
示例:
(d) => {
// d 是一个节点
if (d.id === 'testId') return 50;
return 100;
};
是否必须:false
说明:每个节点的高度
getHGap
类型:Number | Function
示例:
(d) => {
// d 是一个节点
if (d.id === 'testId') return 50;
return 100;
};
默认值:18
是否必须:false
说明:每个节点的水平间隙
getVGap
类型:Number | Function
示例:
(d) => {
// d 是一个节点
if (d.id === 'testId') return 50;
return 100;
};
默认值:18
是否必须:false
说明:每个节点的垂直间隙
getSide
类型:Function
示例:
(d) => {
// d 是一个节点
if (d.id === 'test-child-id') return 'right';
return 'left';
};
默认值:'right'
是否必须:false
说明:节点排布在根节点的左侧/右侧。若设置了该值,则所有节点会在根节点同一侧,即 direction = 'H' 不再起效。若该参数为回调函数,则可以指定每一个节点在根节点的左/右侧。