Missing final X-axis tick label with Datetime

[tharmaman]

Description

When using a datetime xaxis with an xaxis label formatter, the final tick gets rendered but NOT the final tick label.

This issue appears on "Column", "Line" and "Mixed Column Line" charts.

While debugging the x axis formatter, I noticed the final tick value does get passed, it just never gets rendered. I left a console log in the x axis formatter function attached to the codepen link below, the 2024 value gets logged but is never rendered.

Screenshots

Steps to Reproduce

1. Use anxaxis of type: 'datetime
2. Add an xaxis label formatter function through xaxis.labels.formatter

Expected Behavior

All xaxis ticks should have an xaxis tick label.

Actual Behavior

The final xaxis tick is missing an xaxis tick label.

Reproduction Link

https://codepen.io/LoopBoi/pen/raBNZpx

[Kalavida]

It looks like no one's taken a look into it so I'm taking this up

[ris-tlp]

Seems to be similar to #1053, and it looks like the last label is skipped if there's not enough space to draw it according to the author.

The workaround provided by atuljha23 works for me in the mean time, might help you as well. Just play around with the padding until the last tick label is visible, hope it helps!

just add the padding properties to your x-axis

something like

 grid: {
      padding: {
        right: 25,
      },
}