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

Custom implementation of drag/ drop in organization chart

Thu Sep 14, 2023 4:31 am

Hi Team,

Can we implement custom implementation of drag/drop in organization chart.

Thanks,
Anurag

dawid.d
Posts: 707
Joined: Thu Oct 06, 2022 11:31 am

Re: Custom implementation of drag/ drop in organization chart

Fri Sep 15, 2023 9:53 am

Hello,

Thanks for contacting us with your question!

The topic may be a bit complicated, depending on how drag&drop is supposed to work according to your assumptions. Anyway, it's possible.

If I may clarify any issues/matters I am available at your convenience.
Best regards!

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

Re: Custom implementation of drag/ drop in organization chart

Mon Sep 18, 2023 7:24 am

Hi Dawid,

Thanks for your response. How can we acheive it. for example dragging any particular node from organization chart and dropping to any other node and it's parent will change acordingly.

Thanks,
Anurag

dawid.d
Posts: 707
Joined: Thu Oct 06, 2022 11:31 am

Re: Custom implementation of drag/ drop in organization chart

Tue Sep 19, 2023 12:57 pm

Hi Anurag,

Thank you for the clear explanation of the functionality!

I've implemented such a node drag and drop functionality in the form of a demo, see below. Of course, it can be adjusted graphically and in terms of UX, but I hope this is enough to understand how to implement something like this using Highcharts.

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

If something is unclear, let me know and I will try to explain as best I can.
Kind regards!

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

Re: Custom implementation of drag/ drop in organization chart

Wed Sep 20, 2023 6:31 am

Hi Dawid,

Thanks for the help dawid. It looks similar to what I want to acheive but it would be great if we have a conversation for 20-30 mins call on google meet.

Drop me a mail on this gmail Id - [email protected]

Thanks,
Anurag

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

Re: Custom implementation of drag/ drop in organization chart

Thu Sep 21, 2023 5:59 am

Hi Dawid,

I want while dragging the node should look like it is dragging. Some kind of dragging animation.

Thanks,
Anurag

dawid.d
Posts: 707
Joined: Thu Oct 06, 2022 11:31 am

Re: Custom implementation of drag/ drop in organization chart

Thu Sep 21, 2023 8:12 am

Hi Anurag,
it would be great if we have a conversation for 20-30 mins call on google meet.
If you want to talk about a problem you encountered while implementing a given functionality and you have an Advantage license, you can contact our live chat. You can do so by writing on the chat located in the bottom right corner of this page. Be sure to have your License ID ready. Our support team is available between 10:00 and 18:00 CET (Central European Time) business days.

If you do not have an advantage license and need some custom functionality, you can contact BlackLabel, here: https://blacklabel.pl/highcharts/. Black Label has been working with Highcharts since 2010 and has a deep knowledge of the Highcharts library both through technical support, custom adaptations and core library development.

However, if you decide not to, you can still ask questions on the forum, but you must be aware that we are not able to implement entire custom projects, but we can help you with any problems you may encounter during implementation.
I want while dragging the node should look like it is dragging. Some kind of dragging animation.
This is best achieved by rendering the SVG element when dragging starts and removing it when dragging ends. See the renderer method in the Highcharts API: https://api.highcharts.com/class-refere ... t#renderer

I hope it was helpful,
Best regards!

Return to “Highcharts Usage”