mirror of
https://gitee.com/antv/g6.git
synced 2024-12-16 02:21:25 +08:00
51 lines
2.1 KiB
Markdown
51 lines
2.1 KiB
Markdown
|
---
|
|||
|
|
title: Dendrogram 生态树
|
|||
|
|
order: 14
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
<a href='https://en.wikipedia.org/wiki/Dendrogram' target='_blank'>生态树</a>布局的特点是所有子节点布局在同一层级，不考虑节点大小，每个节点被当成 1px 处理。适用于表示层次聚类。
|
|||
|
|
|
|||
|
|
<img src='https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*zX7tSLqBvwcAAAAAAAAAAABkARQnAQ' width=400 alt='img'/>
|
|||
|
|
|
|||
|
|
## direction
|
|||
|
|
|
|||
|
|
**类型**：String<br />**可选值**：'LR' | 'RL' | 'TB' | 'BT' | 'H' | 'V'<br />**默认值**：'LR'<br />**是否必须**：false<br />**说明**：树布局的方向，默认为 `'LR'`，其他选项说明
|
|||
|
|
|
|||
|
|
- TB —— 根节点在上，往下布局
|
|||
|
|
|
|||
|
|
<img src='https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*krAnRrLTEnEAAAAAAAAAAABkARQnAQ' width=115 alt='img'/>
|
|||
|
|
|
|||
|
|
- BT —— 根节点在下，往上布局
|
|||
|
|
|
|||
|
|
<img src='https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*0HRyS64i7QoAAAAAAAAAAABkARQnAQ' width=115 alt='img'/>
|
|||
|
|
|
|||
|
|
- LR —— 根节点在左，往右布局
|
|||
|
|
|
|||
|
|
<img src='https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*T5KZTJdA2OUAAAAAAAAAAABkARQnAQ' width=55 alt='img'/>
|
|||
|
|
|
|||
|
|
- RL —— 根节点在右，往左布局
|
|||
|
|
|
|||
|
|
<img src='https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*q7QJQ5RbQ5kAAAAAAAAAAABkARQnAQ' width=55 alt='img'/>
|
|||
|
|
|
|||
|
|
- H —— 根节点在中间，水平对称布局
|
|||
|
|
|
|||
|
|
<img src='https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*tzIfRJ5CuR8AAAAAAAAAAABkARQnAQ' width=85 alt='img'/>
|
|||
|
|
|
|||
|
|
- V —— 根节点在中间，垂直对称布局
|
|||
|
|
|
|||
|
|
<img src='https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*B9sjToOzCiAAAAAAAAAAAABkARQnAQ' width=115 alt='img'/>
|
|||
|
|
|
|||
|
|
## nodeSep
|
|||
|
|
|
|||
|
|
**类型**：Number<br />**默认值**：0<br />**是否必须**：false<br />**说明**：节点间距
|
|||
|
|
|
|||
|
|
## rankSep
|
|||
|
|
|
|||
|
|
**类型**：Number<br />**默认值**：0<br />**是否必须**：false<br />**说明**：层与层之间的间距
|
|||
|
|
|
|||
|
|
## radial
|
|||
|
|
|
|||
|
|
**类型**：Boolean<br />**默认值**：false<br />**是否必须**：false<br />**说明**：是否按照辐射状布局。若 `radial` 为 `true`，建议 `direction` 设置为 `'LR'` 或 `'RL'`：
|
|||
|
|
|
|||
|
|
<img src='https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*AhopQI5j-bcAAAAAAAAAAABkARQnAQ' width=175 alt='img'/>
|