How to synchronize a Gantt chart with the time axis of a graph?

[davideTES]

Hello,

I’m trying to create a graph similar to the one shown in the attached image using this library. The graph features a time series plot with various data (temperature, pressure, etc.) and a Gantt chart at the top that displays the status of different operations (e.g., ON/OFF states, activity phases).

The challenge I’m facing is synchronizing the Gantt chart at the top with the time axis of the main graph. The Gantt chart should align perfectly with the time base of the plot to ensure visual consistency.

Here’s what I’d like to know:

1. Is it possible to integrate a Gantt chart into the same time axis as the main graph using this library?

2. Is there a way to retrieve the exact position and boundaries of the X-axis (e.g., start and end times) to dynamically adjust the Gantt chart to match it?

Any examples, guidance, or references to similar implementations would be greatly appreciated!

Thank you in advance for your help!
Davide