need org chart example with vertical and horizontal connectors

[smart987]

Hi, is it possible to build a tree structure as shown in the figure. I searched through all network examples but I did not come across any such tree structure. Could you please provide an example of this type whic have horizontal and vertical connections between the nodes?

[mojoaxel]

Edges with these kind of horizontal/vertical orientation is not possible at the moment. The closest thing would be something like this:

Here is the code.

[smart987]

Thanks Mojoaxel for the solution and for this great library. For now this solution would be fine for me. Another small feature I need here is, when I click any child the path to it is top most parent needs to be highlighted, Is it possible? For example, if I click, Grand Grand Child 1 (assume that left most Grand Grand Child in the figure as Grand Grand Child1), then Grand Grand Child 1 -> Grand Child 2 (assume that the middle Grand Child in the figure as Grand Child2) -> Child2 (assume right most child in the figure as Child2) -> Parent.

i.e., Clicking Grand Grand Child 1, should highlight : Grand Grand Child 1 -> Grand Child 2 -> Child2-> Parent

clicking Grand Grand Child 2, should highlight : Grand Grand Child 2 -> Grand Child 2 -> Child2-> Parent

Both paths (i.e. connecting lines) and nodes should be highlighted. Is it possible?

Do you have any plan to support vertical and horizontal connectors in future. If you can support this that would be great. For this chart I have gone through many libraries but in every library I have faced some difficulties or others. Supporting this Vertical and Horizontal lines makes this library unique in the area of charts.

[mojoaxel]

Another small feature I need here is, when I click any child the path to it is top most parent needs to be highlighted, Is it possible?

You must implement this yourself. You could listen to the selectNode event. And than go through all edges and select the ones you want to be selected.

Do you have any plan to support vertical and horizontal connectors in future.

As far as I not this is not planed. But feel free to create a new feature-request issue for that. That really would be a nice new edge type!

[mojoaxel]

also on stackoverflow