Mindmap 脑图树布局

深度相同的节点将会被放置在同一层，与 compactBox 不同的是，布局不会考虑节点的大小。Mindmap 脑图树布局 - 图1

属性

direction

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

  • H：horizontal（水平）—— 根节点的子节点分成两部分横向放置在根节点左右两侧Mindmap 脑图树布局 - 图2

  • V：vertical （竖直）—— 将根节点的所有孩子纵向排列Mindmap 脑图树布局 - 图3

getWidth

类型：Number | Function示例：

  1. d => {
  2.   // d 是一个节点
  3.   if (d.id === 'testId') return 50;
  4.   return 100;
  5. };

是否必须：false说明：每个节点的宽度

getHeight

类型：Number | Function示例：

  1. d => {
  2.   // d 是一个节点
  3.   if (d.id === 'testId') return 50;
  4.   return 100;
  5. };

是否必须：false说明：每个节点的高度

getHGap

类型：Number | Function示例：

  1. d => {
  2.   // d 是一个节点
  3.   if (d.id === 'testId') return 50;
  4.   return 100;
  5. };

默认值：18是否必须：false说明：每个节点的水平间隙

getVGap

类型：Number | Function示例：

  1. d => {
  2.   // d 是一个节点
  3.   if (d.id === 'testId') return 50;
  4.   return 100;
  5. };

默认值：18是否必须：false说明：每个节点的垂直间隙

getSide

类型：Function示例：

  1. d => {
  2.   // d 是一个节点
  3.   if (d.id === 'test-child-id') return 'right';
  4.   return 'left';
  5. };

默认值：'right'是否必须：false说明：节点排布在根节点的左侧/右侧。若设置了该值，则所有节点会在根节点同一侧，即 direction = 'H' 不再起效。若该参数为回调函数，则可以指定每一个节点在根节点的左/右侧。