Timeline Chart Needs Dynamic X-Axis Annotation for Large Data

[asb9189]

Hi Team!

I have been working with ApexCharts for the past couple of weeks and have been really impressed thus far. Recently, I have run into an issue that I cannot find a solution too, even when referring to the documentation. I am trying to graph a gantt chart (React-ApexChart Timeline Chart Distributed: https://apexcharts.com/react-chart-demos/timeline-charts/distributed/) with an abundance of data.

I'm currently rendering this chart in a scrollable container to make it easier to navigate vertically. However, the issue arises when the user is scrolling up and can no longer see the x-axis. This makes it hard to tell what time a particular action item started and finished without hovering over to see the tooltip. Here is an example:

In the example above I have scrolled up far enough that I can no longer see the x-axis. What I would LOVE to see is something like this:

Is this possible using ApexCharts? Should I be rendering this data in a different fashion? Can the x-axis become 'sticky' and follow the user as they scroll up and down?

All help is much appreciated!

[ontheway16]

+1 on this.