Layout Features Tutorial
Hierarchic Layout with Edge Grouping
This demo shows how to configure edge grouping for the
Hierarchic Layout
.
For edges connecting to nodes
0
and
5
, source and target group IDs are configured, which causes the
HierarchicLayout
to group them. The IDs are defined via properties
sourceGroupIds
and
targetGroupIds
.
Click the button in the toolbar to toggle between
HierarchicLayout
with and without configured edge routing.
Code Snippet
You can copy the code snippet to configure the layout from
GitHub
.
Edge grouping for other layouts
The edge grouping setup for other algorithms that support the feature is basically
identical. The respective
LayoutData
implementations offer the same properties, so that the snippet provided by this demo can
easily be adjusted.
Demos
You can also take a look at the
Edge Grouping
and
Edge Router Grouping
demos for more elaborate applications of edge grouping.
Documentation
The Developer's Guide provides more information about
Layout with Edge Grouping
.