Skip to content
amCharts 4

Labels on top of the ForceDirectedNode

Force Directed#forceDirected

This demo shows how we can put labels of the ForceDirectedTree node on top.

Since labels are sized to exact dimensions of the node, you can use their verticalCenter or horizontalCenter to place them outside node.

For example, the following code will place labels above the node:

networkSeries.nodes.template.label.verticalCenter = "bottom";
networkSeries.nodes.template.label.dy = -15;
networkSeries.nodes.template.label.fill = am4core.color("#000");
Open in:New tab
Putting labels on top of the ForceDirectedNodeputting-labels-on-top-of-the-forcedirectednode