Organization Chart, wrong position for children with normal layout

[alvarezguille]

Expected behaviour

Nodes are placed below their parent node if possible.

Actual behaviour

Position of node's children seems off.
Both when having mixed layouts in a level or when having all normal layout in a level.
Nodes are shifted to the right.

Live demo with steps to reproduce

All normal layout: https://jsfiddle.net/alvarezg/rb3ftuLy/
Mixed normal and hanging: https://jsfiddle.net/alvarezg/g7aepx49/

Product version

Highcharts, Highstock 8.1.2

[sebastianbochan]

Hi @alvarezguille,
Thank you for reporting.

As a workaround, you can declare a negative offset.

Demo:

• https://jsfiddle.net/BlackLabel/fakhdm18/

[alvarezguille]

Thanks for the quick answer and the workaround! 🙇‍♂️

[jethas-bennettjones]

Hi. I thought I'd add another example of this not working quite as expected: https://jsfiddle.net/gma7etru/1/

Does anyone have any suggested workarounds for this?

[pawelfus]

Hi @jethas-bennettjones

You can change order of nodes in the data: https://jsfiddle.net/BlackLabel/bws9o75a/1/ or change layout: https://jsfiddle.net/BlackLabel/bws9o75a/2/

[jethas-bennettjones]

Hi @pawelfus

Thanks for the tips, though the graph I used as an example is a lot simpler than the one I'm trying to put together.
Here is an idea of the problem that I'm faced with:

We're also trying to do this programmatically, so having each node have it's own layout element might not be feasible, especially since the end goal is to have this be user-driven.

[pawelfus]

Thanks for providing more details! I don't see any other workaround you can use at this moment

[jethas-bennettjones]

Hi @pawelfus. Is there a potential roadmap for when this might get fixed?

[pawelfus]

I can't provide any estimate, but it seems we forget to label the issue (or GH tricked us..) so it was never discussed internally. I will mention this issue on the next meeting, if this will get into the planned releases, ticket will get proper status.

[jethas-bennettjones]

Hi @pawelfus, is there any update on this?

[pawelfus]

We didn't find any good solution for your chart. With current algorithm, it's quite tricky issue with correctly positioning such datasets. We might need to implement this from scratch (different algorithm perhaps?), unlikely to happen in the nearest feature. I will highlight this issue again, on the next meeting, perhaps we will come up with some new ideas.

[pawelfus]

We think this issue can get an acceptable solution with:

• forcing all nodes that are children of the hanging layout to use hanging layout too
• making space for all hanging children, translating other nodes to the bottom

This is the idea in action:

• https://jsfiddle.net/BlackLabel/89z2x40y/
• https://jsfiddle.net/BlackLabel/nc3zrgq6/2/

Mixing normal and hanging layouts is not an easy task (see image above).

What do you think @jethas-bennettjones ? Could you test my solution above and let us know the results?