Drag/Drop animation for organization chart

[anurag_1996]

Hi Team,

I need some help here as in the below fiddle code. I want animation while dragging so that it looks node is getting dragged. Right now node is getting chnages only when dropping on to other node but without any animation.

https://jsfiddle.net/BlackLabel/amz1v3wu/

Thanks,
Anurag

[jedrzej.r]

Hi!

Thanks for reaching out to us with your inquiry!

As suggested by Dawid in your previous topic, you can use SVGRenderer to add a simple animation when dragging of node occurs. This requires adding a mousemove event listener into chart container, so that the animation can move while the node is changing its initial position.

Demo: https://jsfiddle.net/BlackLabel/c5bv8efy/

References:
https://developer.mozilla.org/en-US/doc ... move_event
https://api.highcharts.com/class-refere ... derer#rect
https://api.highcharts.com/class-refere ... ement#attr

Let me know if that was what you were looking for!
Best regards!