test/g6
1
0
Fork 0
mirror of https://gitee.com/antv/g6.git synced 2024-12-04 20:59:15 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity
d27672a792
g6/examples/net/dagreFlow/index.en.md
chenshuai2144 d8f5fe7d9b chore: prettier all code
2020-02-14 11:30:12 +08:00

685 B
Raw Blame History

title order
Dagre Layout 1

Dagre Layout is an appropriate layout method for directed flow graph. It will calculate the levels and positions of nodes automatically according to the edge directions in the data.

Usage

As the demo below, you can deploy it in layout while instantiating Graph. it can also be used for Subgraph Layout. By tuning the parameters, you can adjust the layout direction, node alignment, node separation, level separation, and so on.

  • Example 1 : Simple Dagre Layout.
  • Example 2 : Dagre Layout from left to right.
  • Example 3 : Translate the layout parameters in dynamic.