Category: Force Directed
- Auto-collapse other ForceDirectedTree nodes when node is explodedDemo
By default when node with children is clicked it is "exploded" - children are shown. This demo shows how we can catch such events to automatically collapse all other open nodes when that happens.
Force Directed - Different tooltip content per each level of Force Directed nodes
You can set what is displayed in a tooltip of ForceDirectedTree chart's nodes using its tooltipText property. However, the same information will be used across different levels of node tree. This tutorial shows how you can use adapters to differentiate tooltip content based on level of node.
Force Directed - Enable dragging of ForceDirectedNode to fixed locationDemo
This demo shows how we can dynamically affix a ForceDirectedNode which was dragged by a user so that it stays permanently in the same place, by dynamically making it a "fixed node".
Force Directed - Highlight clicked ForceDirectedTree nodeDemo
This demo shows how we can use events and states to apply different look for the last clicked ForceDirectedNode.
Force Directed - Labels on top of the ForceDirectedNodeDemo
This demo shows how we can put labels of the ForceDirectedTree node on top.
Force Directed - Lighten fill color for each level of Force Directed Tree
This short but useful tutorial will show how you can automatically make node fill color lighter with each subsequent level of a nodes with each subsequent level in a Force Directed Tree.
Force Directed - Toggling ForceDirectedNode via APIDemo
This demo shows how we can toggle ForceDirectedNode on and off using API functions hide() and show() on node's data item.
Force Directed - Variable link widths in ForceDirectedTree
ForceDirectedTree is an exciting cool way to display relations between a number of entities. This tutorial will show how you can give those relations a quantitative value by applying custom width to each individual link.
Force Directed