XAxis labels for Line Chart when Type is DateTime

[Vahid Mesri]

When type is DateTime, currently the line chart picks its own XAxis labels, from within the date range of the data. Labels do not neccessarily represent the real data points shown on the chart. For example if five Dates are shows on the Xaxis like 31/12/2023, 31/01/2024, 29/02/2024, 31/03/2024 and 29/04/2024, the chart looks like this:

This is misleading as none of the labels apart from 31/12/2023, are dates from real data points.

Is there any way to change this behaviour so the chart selects the labels from the dates provided in the data?

[Joakim Dangården]

Hi,

I guess you could change the type to "Category"

[Vahid Mesri]

Datetime has the advantage that I don't need to set the tick amount and the chart will automatically sample the data and show a sensible number of items on the axia

[Joakim Dangården]

I'm sorry but I not aware of any other option.
But please check out apexcharts.js documentation, maybe there is something available.