react-d3-graph icon indicating copy to clipboard operation
react-d3-graph copied to clipboard

Link arrows with custom node and custom size

Open Devlin556 opened this issue 4 years ago • 1 comments

Hi! I have a question about a link arrow location when I use a custom component for the Node. When I use a custom node - arrows disappear under my component. How can I move it? Here is my example with the custom node component when the background is transparent. image

It would be nice if I can redefine the arrow position on the link or if I can move the link line anchor to the custom edges of the component. My example is a simple family tree and I should show the relation dependency direction and use a custom node (it shows the name of the animal for example)

I was trying to update my component in CSS to add some offset by the left to show this arrow, but this is solution works badly with the dynamic width.

Also, it would be nice if I can disable any dragging in the graph canvas to freeze my graph. Thanks!

Devlin556 avatar Oct 27 '20 12:10 Devlin556

Hi! I've had the same problem, I'm working on PR that solves just that, I'm planning on introducing the PR over the weekend!

lironhl avatar Oct 27 '20 12:10 lironhl