Tree Style

Layer Style


New Tree
MinNodes:
MaxNodes:
MinChildren:
MaxChildren:
Random Sizes:
Default Properties
Angle: Right Down Left Up
Alignment:
NodeSpacing: (negative causes overlaps)
NodeIndent: (when Start or End; >= 0)
NodeIndentPastParent: (fraction; 0-1)
LayerSpacing: (negative causes overlaps)
LayerSpacingParentOverlap: (fraction; 0-1)
Sorting:
Compaction: Block None
BreadthLimit: (0 means no limit)
RowSpacing: (negative causes overlaps)
RowIndent: (>= 0)
SetsPortSpot: SetsChildPortSpot:
Alternates (only when TreeStyle is not Layered)
Angle: Right Down Left Up
Alignment:
NodeSpacing: (negative causes overlaps)
NodeIndent: (when Start or End; >= 0)
NodeIndentPastParent: (fraction; 0-1)
LayerSpacing: (negative causes overlaps)
LayerSpacingParentOverlap: (fraction; 0-1)
Sorting:
Compaction: Block None
BreadthLimit: (0 means no limit)
RowSpacing: (negative causes overlaps)
RowIndent: (>= 0)
SetsPortSpot: SetsChildPortSpot:

For information on TreeLayout and its properties, see the TreeLayout documentation page.


GoJS Features in this sample

Collections

GoJS provides its own collection classes: List, Set, and Map. You can iterate over a collection by using an Iterator. More information can be found in the GoJS Intro.

Related samples


Tree Layout

This predefined layout is used for placing Nodes of a tree-structured graph in layers (rows or columns). For discussion and examples of the most commonly used properties of the TreeLayout, see the Trees page in the Introduction. More information can be found in the GoJS Intro.

Related samples


HTML Interaction

GoJS Diagrams can be used alongside other HTML elements in a webapp. For custom Text Editors, Context Menus, and ToolTips, which are invoked and hidden via GoJS tool operations, it is best to use the HTMLInfo class.

More information can be found in the GoJS Intro.

Related samples