aakashuniyal
Posts: 2
Joined: Wed Nov 10, 2021 8:59 am

Show Dependency markers only on Hover over a Milestone or Point

As per the current documentation in HIghcharts Gantt when we declare a dependency between 2 points its always shown.
The Gantt chart i am trying to implement relies heavily on the Dependencies between points and would get crowded pretty quickly.

Is there a way if i hover over a point only then i see the dependency markers to/from that point and keep all the dependency markers hidden otherwise ?

For example : If i hover over "Create Unit Tests " , i only see Yellow and Dark Green markers while rest are hidden ?
Gantt.PNG
Gantt.PNG (30.13 KiB) Viewed 793 times
magdalena
Posts: 517
Joined: Tue Aug 24, 2021 1:32 pm

Re: Show Dependency markers only on Hover over a Milestone or Point

Hi,

You can add this functionality through triggering mouseOver and mouseOut events and updating the series properties.

Demo:
https://jsfiddle.net/BlackLabel/8zqkto9c/

API References:
https://api.highcharts.com/gantt/plotOp ... int.events
https://api.highcharts.com/gantt/plotOp ... nts.update

Let me know if you have any further questions,
Regards!
Magdalena Gut
Developer and Highcharts Support Engineer

Return to “Highcharts Gantt”