anurag_1996
Posts: 10
Joined: Tue Aug 29, 2023 7:34 am

Drag/Drop animation for organization chart

Thu Sep 21, 2023 8:49 am

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
Posts: 533
Joined: Tue Jan 24, 2023 11:21 am

Re: Drag/Drop animation for organization chart

Fri Sep 22, 2023 2:51 pm

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!
Jędrzej Ruta
Highcharts Developer

Return to “Highcharts Usage”