TextAnchor enums mirror the text-anchor spec. Set this to 0 to deactivate animations completely.Ĭonfigures the positioning of each node's text (name & attributes) relative to the node itself. Sets the animation duration (in ms) of each expansion/collapse of a tree node. Sets separation between neighbouring nodes, differentiating between siblings (same parent) and non-siblings.
This does not affect node circle sizes, circle sizes are handled by the circleRadius prop. Sets the minimum/maximum extent to which the tree can be scaled if props.zoomable is true. Toggles ability to zoom in/out on the Tree by scaling it according to props.scaleExtent.Ī floating point number to set the initial zoom level. TIP: Negative values invert the tree's direction. Tree renders to full depth if prop is omitted.Įnsures the tree takes up a fixed amount of space ( node.y = pth * depthFactor), regardless of tree depth. Sets the maximum node depth to which the tree is expanded on its initial render. If a node is currently being expanded, all other nodes at the same depth will be collapsed. Toggles whether the tree should automatically use any _collapsed: bool properties it finds on nodes in the passed data set to configure its initial layout. See Pre-defining a node's _collapsed state Toggles ability to collapse/expand the tree's nodes by clicking them. Straight - Straight lines between parent-child nodes.ĬustomFunc - Custom draw function that accepts linkData as its first param and orientation as its second. 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).ĭiagonal - Smooth, curved edges between parent-child nodes.Įlbow - Sharp edges at right angles between parent-child nodes. The node's data object, as well as zoom level and coordinates are passed to the callback. That is - on every zoom or translate event, or when tree branches are toggled. The clicked node's data object is passed as first parameter, event object as second.Ĭallback function to be called when mouse enters the space belonging to a node.Ĭallback function to be called when mouse leaves the space belonging to a node.Ĭallback function to be called when the inner D3 component updates. Has the function signature (nodeData, evt). Sets a specific SVG shape element + shapeProps to be used for each node.Īllows using a React component as a node label requires allowForeignObjects to be set.Ĭallback function to be called when a node is clicked. Passing the root node object without an array wrapping it is also possible. Single-element array containing the root node object (see myTreeData above).
0 kommentar(er)
