cpinhao
Posts: 1
Joined: Tue May 24, 2022 10:11 am

Combining Gantt with Line

Hi, I'm trying to investigate if Highcharts covers the needs of my company, and we have a use case where we'd want to combine a Gantt with a Line chart, some similar to this:
Screenshot 2022-05-24 at 11.30.49.png
Screenshot 2022-05-24 at 11.30.49.png (38.41 KiB) Viewed 556 times
Is this possible? How would I go about this? I was able to overlap the two series, but have no control over the line chart (i.e., the Y axis on the right doesn't show up and setting `reversed` to true/false does nothing). The closest I got was this: https://jsfiddle.net/w1ax7hd0/

Thanks in advance!
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: Combining Gantt with Line

Hello cpinhao!
Welcome to our forum and thanks for contacting us with your question!

You can create a similar chart using a xrange chart type on stockChart constructor and then you can use series with type e.g. line - just like in the demo below.

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

Feel free to ask any further questions!
Best regards!
Hubert Kozik
Highcharts Developer

Return to “Highcharts Gantt”