How to preserve the layout, positioning and zoom level of org chart about org-chart

[bumbeishvili]

Hi, an easy way to preserve which node was expanded is to save the data

dataToSave = chart.data()

Saving the layout itself is trickier, you need to get zoom behavior and when re-rendereing supply that zoom behavior. I only know this as theory, don't have time to implement it in practice

[christophdb]

Hey @bumbeishvili,

my understanding is that with getChartState you can get the zoomLevel like this, correct?

const attrs = chart.getChartState();
zoomLevel = attrs.lastTransform.k;

But how do you determine the current position of the chart? If the user moves the position of the chart with the mouse, how can you determine this? I didn't found anything in the source code.

[bumbeishvili]

Yes, that's correct, lastTransfrom also has x and y properties and you can get a position with that. Alternatively, extract and parse the transform property of g.chart element