0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Title A
Title A
1-900-800-70-60
mail@mail.com
Description A
Selected

No user actions yet.

Chart has following children layouts:

  • Horizontal
  • Vertical
  • Matrix

They can be set per node in item properties or globally for all chart nodes in chart configuration. Chart supports two distinct properties for nodes children layout having and not having grand-children.

In order to change children alignment relative to its parent connection line use complimentary horizontal children alignment option. Usually organizational charts grow horizontally more than vertically. So keeping nodes in squared shape saves horizontal space, but at the same time we want to avoid unlimted grows in number of columns of our matrix, it is important to fit children matrix into width of screen, it is fine to scroll nodes vertically or horizontally, but necessaty to scroll both ways creates usability issue, so chart support extra option limiting number of columns. So for example when node has 4 children they are matrxied into 2 * 2 matrix, 9 children are matrixed into 3 * 3 matrix, 16 into 4 * 4 and so on, but if we put limitation for number of columns for example at 4 then 20 children would be matrixed into 4 * 5 matrix.

Auto Layout

Page Fit Mode defines rule of fitting chart into available screen space. Set it to None if you want to disable it.

Have questions? Ask for help on Github.