g6/packages/site/docs/apis/layout/MindmapLayoutOptions.zh.md
2023-11-09 17:50:23 +08:00

2.3 KiB
Raw Blame History

title order
Mindmap 脑图树 16

深度相同的节点将会被放置在同一层,与 compactBox 不同的是,布局不会考虑节点的大小。

img

direction

类型String
可选值'H' | 'V'
默认值'H'
是否必须false
说明:树布局的方向,默认为 'H',其他选项说明

  • Hhorizontal水平—— 根节点的子节点分成两部分横向放置在根节点左右两侧
img
  • Vvertical (竖直)—— 将根节点的所有孩子纵向排列
img

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' 不再起效。若该参数为回调函数,则可以指定每一个节点在根节点的左/右侧。