logoCreated with Sketch.

G6

Dendrogram

The leaves will be aligned on the same level. This algorithm does not consider the node size, which means all the nodes will be regarded as unit size with 1px.
dendrogram

Usage

Dendrogram is an appropriate layout method for tree data structure. Please use it with TreeGraph. As the demo below, you can deploy it in layout while instantiating Graph.

You can set different configurations for different nodes if the parameter is Function type. Please refer to the ducuments for more information.

生态树至上而下的生态树

direction

Type: String
Options:'LR' | 'RL' | 'TB' | 'BT' | 'H' | 'V'
Default:'LR'
Required: false
Explanation: The direction of layout.

  • TB —— Root is on the top, layout from the top to the bottom
  • BT —— Root is on the bottom, layout from the bottom to the top
  • LR —— Root is on the left, layout from the left to the right
  • RL —— Root is on the right, layout from the right to the left
  • H —— Root is on the middle, layout in horizontal symmetry.
  • V —— Root is on the middle, layout in vertical symmetry.

nodeSep

Type: Number
Default: 0
Required: false
Explanation: Node separation

rankSep

Type: Number
Default: 0
Required: false
Explanation: Level separation

radial

Type: Boolean
Default: false
Required: false
Explanation: Wheter layout the graph in radial style. If radial is true, we recommend to set direction to 'LR' or 'RL':