username000
Posts: 13
Joined: Tue Mar 01, 2022 4:26 pm

gantt chart scroll sync

hey guys thanks for providing such a awesome library!

im currently using https://www.highcharts.com/demo/gantt/r ... management

is it possible to scroll sync gantt charts?

i found a scroll sync library called scroll-sync-react but i dont think the library is reading the following properties:

chart: {
type: 'gantt',
scrollablePlotArea: {
minWidth: 5000,
},
},

im not sure but it might only function if its able to read a 'overflow-y/x' property.

thanks!
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: gantt chart scroll sync

Hi username000,

Thanks for contacting us with your question.

Please take a look at this topic:
viewtopic.php?t=41784

Most likely you should use implementation presented in this demo:
https://jsfiddle.net/BlackLabel/zakvbh9n/

Let me know if that was what you were looking for!
Regards!
Mateusz Bernacik
Highcharts Developer
username000
Posts: 13
Joined: Tue Mar 01, 2022 4:26 pm

Re: gantt chart scroll sync

hey thanks for the reply.

im wondering how i can scroll sync my charts if they're mapped components.

i understand how you can have chart 1 / chart 2 or ref1 / ref2 to scroll sync but what hows it possible if the charts/ are mapped?

regards
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: gantt chart scroll sync

username000,

Please explain what do you mean by mapped charts and create a simplified live demo here: https://codesandbox.io/s/highcharts-rea ... =/demo.jsx

Regards!
Mateusz Bernacik
Highcharts Developer
username000
Posts: 13
Joined: Tue Mar 01, 2022 4:26 pm

Re: gantt chart scroll sync

your first reply got it to scroll together.

thanks!
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: gantt chart scroll sync

You're welcome! In case of any further questions, feel free to contact us again.
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Gantt”