JayColon021
Posts: 5
Joined: Thu Dec 09, 2021 7:19 am

Varying y-axis gridline for varying parent levels

Hello,

I'm trying to apply a custom gridline style for the y-axis to help differentiate parent tasks from subtasks. I need it so that the parent tasks have a thicker line that covers all it children tasks so that it will be easier to identify the grouping of the tasks. Please see attached image.

I've tried using the Gridlinewidth attribute and different styles in for the yaxis, but these affect all levels of tasks not just the parents. Can this be done?
CaptureAA.PNG
CaptureAA.PNG (30.52 KiB) Viewed 447 times
Thanks,
Matt
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Varying y-axis gridline for varying parent levels

Hello,

Unfortunately there is no option in the APP to achieve this, but you can render bold lines at these points by using SVGRenderer in the chart.events.render callback function.

Demo: https://jsfiddle.net/BlackLabel/2w8h43ft/
API: https://api.highcharts.com/highcharts/c ... nts.render
https://api.highcharts.com/class-refere ... VGRenderer

Let me know if you have any further questions!
Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Gantt”