生态树 Dendrogram

概述

生态树布局适用于层次聚类数据的可视化，其特点是所有子节点布局在同一层级，不考虑节点大小，每个节点被当成 1px 处理。

配置方式

const graph = new Graph({
  layout: {
    type: 'dendrogram',
    direction: 'LR',
    nodeSep: 30,
    rankSep: 250,
    radial: false,
  },
});

配置项

direction

树布局的方向，有以下选项：

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

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

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

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

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

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

radial

是否启用辐射状布局模式。启用后，节点将以根节点为中心呈辐射状分布。

若 radial 设置为 true，建议将 direction 设置为 'LR' 或 'RL' 以获得最佳效果。