This is a minimalist HTML and JavaScript skeleton of the GoJS Sample tLayout.html. It was automatically generated from a button on the sample page, and does not contain the full HTML. It is intended as a starting point to adapt for your own usage. For many samples, you may need to inspect the full source on Github and copy other files or scripts.

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:
This text is displayed if your browser does not support the Canvas HTML element.

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

GoJS version 2.2.15. Copyright 1998-2022 by Northwoods Software.

View this sample page's source on GitHub