You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
|`data`|`array`|| required |`undefined`| Single-element array containing hierarchical object (see `myTreeData` above). <br /> Must contain (at least) `name` key. |
80
-
|`orientation`|`string` (enum) |`horizontal``vertical`||`horizontal`|`horizontal` - Tree expands left-to-right. <br /><br /> `vertical` - Tree expands top-to-bottom. |
81
-
|`translate`|`object`|||`{x: 0, y: 0}`| Translates the graph along the x/y axis by the specified amount of pixels (avoids the graph being stuck in the top left canvas corner). |
82
-
|`pathFunc`|`string` (enum) |`diagonal``elbow`||`diagonal`|`diagonal` - Renders smooth, curved edges between parent-child nodes. <br /><br /> `elbow` - Renders sharp edges at right angles between parent-child nodes. |
83
-
|`collapsible`|`bool`|||`true`| Toggles ability to collapse/expand the tree's nodes by clicking them. |
84
-
|`initialDepth`|`number`|`0..n`||`undefined`| Sets the maximum node depth to which the tree is expanded on its initial render. <br /> Tree renders to full depth if prop is omitted. |
85
-
|`zoomable`|`bool`|||`true`| Toggles ability to zoom in/out on the Tree by scaling the SVG element according to `props.scaleExtent`. |
86
-
|`scaleExtent`|`object`|||`{min: 0.1, max: 1}`| Sets the minimum/maximum extent to which the tree can be scaled if `props.zoomable` is true. |
87
-
|`depthFactor`|`number`|`-n..0..n`||`undefined`| Ensures the tree takes up a fixed amount of space (`node.y = node.depth * depthFactor`), regardless of tree depth. <br /> **TIP**: Negative values invert the tree's direction. |
|`orientation`|`string` (enum) |`horizontal``vertical`||`horizontal`|`horizontal` - Tree expands left-to-right. <br /><br /> `vertical` - Tree expands top-to-bottom. |
81
+
|`translate`|`object`|||`{x: 0, y: 0}`| Translates the graph along the x/y axis by the specified amount of pixels (avoids the graph being stuck in the top left canvas corner). |
82
+
|`pathFunc`|`string` (enum) |`diagonal``elbow`||`diagonal`|`diagonal` - Renders smooth, curved edges between parent-child nodes. <br /><br /> `elbow` - Renders sharp edges at right angles between parent-child nodes. |
83
+
|`collapsible`|`bool`|||`true`| Toggles ability to collapse/expand the tree's nodes by clicking them. |
84
+
|`initialDepth`|`number`|`0..n`||`undefined`| Sets the maximum node depth to which the tree is expanded on its initial render. <br /> Tree renders to full depth if prop is omitted. |
85
+
|`depthFactor`|`number`|`-n..0..n`||`undefined`| Ensures the tree takes up a fixed amount of space (`node.y = node.depth * depthFactor`), regardless of tree depth. <br /> **TIP**: Negative values invert the tree's direction. |
86
+
|`transitionDuration`|`number`|`0..n`||`500`| Sets the animation duration (in ms) of each expansion/collapse of a tree node. <br /><br /> Set this to `0` to deactivate animations completely. |
89
87
90
88
## External data sources
91
89
Statically hosted JSON or CSV files can be used as data sources via the additional `treeUtil` module.
0 commit comments