从根节点开始，同一深度的节点在同一层，并且布局时会将节点大小考虑进去。

使用指南

紧凑树适用于展示树结构数据，配合 TreeGraph 使用。如下面代码所示，可在实例化 TreeGraph 时使用该布局。

其配置项中 Function 类型的配置项可以为不同的元素配置不同的值。具体描述请查看相关教程。

direction

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

• TB —— 根节点在上，往下布局

• BT —— 根节点在下，往上布局

• LR —— 根节点在左，往右布局

• RL —— 根节点在右，往左布局

• H —— 根节点在中间，水平对称布局

• V —— 根节点在中间，垂直对称布局

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
说明：每个节点的垂直间隙

radial

类型：Boolean
默认值：false
是否必须：false
说明：是否按照辐射状布局。若 radial 为 true，建议 direction 设置为 'LR' 或 'RL'：