Skip to content

Hierarchical View : Avoid overlapping edges and Node Connection issue

Hello,

I am using Vis JS Network by using Hierarchical View by dragging and dropping items and creating nodes and edges. Could you please help me with the following suggestions and how it can be better.

  1. Whenever I create the node, It is always created close to the root node .Please see In the image SBB_ROUTE_MIDCALL is the newly created node. I couldn't move the node up or down. If I want to connect the newly created node from the bottom of the graph it is very tedious as the newly created node is on the top of the graph. Please see attached image. The SBB_ROUTE_MIDCALL is the newly created node. I want to connect "Reject" Node in the bottom of the graph to SBB_ROUTE_MIDCALL. As you see it is tedious as the nodes are not close to each other. Could you please give me some suggestions how to solve this issue.

  2. When I connect the nodes, sometimes the edges overlaps. Please see attached image. SBB_ROUTE_MIDCALL and Play Announcement Edges overlap. Could you please give some suggestion how to prevent overlapping of edges.

image

Thanks & Regards, -Vijay