[Feature] Bi Direction Tree

[bhavyakelp]

What problem does this feature solve?

Hi

I am wanting to create a bidirectional tree chart ( similar to a family tree), which has the root node at the center, its children below it and parents above it with each node having a fixed height and width.
If I further expand my parent nodes they open upwards and if I open child node they open downwards.

• If the layout is bottom : It opens the chart in bottom up direction ( upwards )

• and if the layout is top : It opens the chart in top down direction (downwards)

what I aim to do is have both of these in one single chart and create something similar to this:

• with the yellow node being the root
• purple being the children
• green being the parent
• and a expand (+)/ collapse(-) icon to toggle between expanded states

How will be able to achieve this ? I tried multiple ways but am unable to attain this behaviour.......

[helgasoft]

looks like duplicate of #18190
see also #20059 on how to keep the two roots centered

[bhavyakelp]

Thank you @helgasoft for these playgrounds, but is there any way I can make the chart BT and TB,
the graph that you shared, is in the LR & RL direction

[helgasoft]

https://echarts.apache.org/en/option.html#series-tree.orient

[bhavyakelp]

how can I control the gap/spacing between parent-child and the siblings?
because if you see, I have a very specific node design ( 400px * 40px) which will contain text and icons. If I give this as the symbolSize it overflows.

PS: If I add the TB & BT layouts the chart in #18190, what it does is creates two charts side by side in the TB and BT format here. What I want is them to start from a single node.

[helgasoft]

Here is TB + BT format - Demo.
Please read tree API, all settings are there. Also search in issues for examples. Good luck!

[bhavyakelp]

Thank you @helgasoft