add feature to go to a node about tree-chart HOT 4 OPEN

Hi
I don't know if this is the same need, but mine is: provide a method to center the chart on a specific node.
I did something on my side but it would be useful to have it as a standard function. For example, I give the possibility to a user to search for a person and I center the chart on the found node.

from tree-chart.

@adevicq Can I ask how you accomplished centering the node to the screenspace?

from tree-chart.

Hi,
If you inspect the DOM, you will find two elements under a DIV which class is "tree-container"

These two elements (SVG and DIV) have a style which defines the position of the diagram:
style="transform: scale(1) translate(1024px, -15px); transform-origin: center center;"
You have to play with the "translate" parameter to move the view up/down and right/left.
Store the initial values of the two values in the translate property and move the view according to the desired coordinates.

Hope this helps.

from tree-chart.

@adevicq How can we calculate this transformation? Suppose a node has properties such as width, height, top, and left. How can we manipulate these properties to determine the transformation translation values for X and Y?

from tree-chart.