Hybrid(horizontal + vertical) OrgChart

[gupta-abhi26]

I want to have horizontal(direction:'t2b') layout only till 2nd depth of nodes. After that, i want the succeeding nodes in vertical(direction:'l2r') layout. How to do this ?

[dabeng]

Yes, I'm working on this feature. In fact, your demand is similar to this issue.

[dabeng]

Hi @Destructrix .From version 1.2.0, users never have to worry about how to align a huge of nodes in one screen of browser. The option "verticalDepth" allows users to align child nodes vertically from the given depth. But currently, this option is incompatible with many other options or methods, like direction, drag&drop, addChildren(), removeNodes(), getHierarchy() and so on. These conflicts will be solved one by one in the later versions.

[gupta-abhi26]

Hi @dabeng, Thanks for the help. Truly appreciate your work.

[MarcusPhan]

Hi @dabeng,

I want to display the last 3 nodes in React, here is the image

You stated that from only version 1.2.0, verticalDepth can be used to solve this problem. However, I run "npm i @dabeng/react-orgchart verion", and it turns out to be only 1.0.0

I tried to update the version, but it just does not work. Could you please give me some insights into this problem, or suggest me other solutions?

Many thanks!

[springgrass11]

Hi @dabeng,
Is there a way to mix the vertical and horizontal different level instead for multi levels? and within different children?
Thanks!

[SlimGary]

Hi @Destructrix .From version 1.2.0, users never have to worry about how to align a huge of nodes in one screen of browser. The option "verticalDepth" allows users to align child nodes vertically from the given depth. But currently, this option is incompatible with many other options or methods, like direction, drag&drop, addChildren(), removeNodes(), getHierarchy() and so on. These conflicts will be solved one by one in the later versions.

Did you manage to install version 1.2.0 with react ?