• Open in:

Date axis with labels near minor grid lines

Using minor grid lines enables decluttering the plot container, while still maintaining clear perception of axis scale as well as its relation to the series.

To enable labels near minor grid lines, just need to set minorLabelsEnabled: true for your axis renderer.

In this demo, we have increased minGridDistance to 200 in order for the minor labels to have enough space.

Also, we set minorDateFormats for axis as we need these labels to take as little space as possible, as we only need the day only.

The position of labels is further tweaked using custom theme.

Related documentation:

Demo source