swimlane / ngx-graph

Graph visualization library for angular

Home Page:https://swimlane.github.io/ngx-graph

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Create an Edge E by Drag&Drop of a Node A on a Node B

MaurizioCasciano opened this issue · comments

Is your feature request related to a problem? Please describe.
I would like to be able to create a new Edge E of the graph via a simple Drag&Drop of a Node A on a Node B.

Describe the solution you'd like
When a Node A is dropped on a Node B, an Edge E between A and B should be automatically created and the Node A should be restored to its original position.
The Node template could have a custom Directive, e.g. nodeDragDrop, that allows a Node A to be dragged and dropped on another Node B to create a new Edge E between the two nodes.

Describe alternatives you've considered
A possible alternative not leveraging the Drag&Drop would be to first select the Node A by a click on "connect" icon near the node and then clicking on the target Node B to create the connecting Edge E.

Additional context
Add any other context or screenshots about the feature request here.