GoJS TreeLayout

GoJS
1

I need your help and advises on how to set the tree layout options and methods to be overridden in order to achieve the requirement below (a reference of GoJS sample is help)
· There is one root parent (Director).
· There are multiple principal offices under the root parent (director). This layer requires to be display horizontally flat when the root parent is expanded.
· There are multiple departments under each principal root office. This layer requires to display as bus layout when the principal department is expanded.
· There are multiple branches under each department. This layer requires to display as bus layout when the department is expanded.
· There are multiple groups under each branch. This layer requires to display as bus layout when the branch is expanded.

Thanks you,

2

Do you have a screenshot or sketch of what you want?

Have you played with Tree Layout ?

3

Here is my agency proposed OrgChart. Only the layer containing principal offices is required to display horizontally flat. the rest of the sub sequence layers will be displayed as bus.

image.png1129×600 14.5 KB

4

I think you want to do something like this:

      $(go.TreeLayout,
        {
          treeStyle: go.TreeLayout.StyleRootOnly,
          // properties for just the root:
          angle: 90,
          layerSpacing: 35,
          // properties for all other nodes:
          alternateAngle: 90,
          alternateLayerSpacing: 35,
          alternateAlignment: go.TreeLayout.AlignmentBus,
          alternateNodeSpacing: 20
        })