X Labels Overlap Again

[califlower]

X labels overlap again. This issue was fixed in 2.1.0 but moving on to a newer version of ChartJS breaks the x labels again. They will occasionally overlap, it seems like whatever skipping mechanism was fixed in commit #2017 is broken again.

[georgepalmer]

Any progress on this? Are also effected

[etimberg]

I had some preliminary work on improving this in #3233 but I'm unsure what users expect from the auto-skip code

[georgepalmer]

That's pretty cool but I'm not sure that solves this issue? Here's a screenshot of what we're seeing. The original fix skipped the Aug 31 label so the last one was clearly visible

[dgilperez]

Hi! any news on this? I was hit as well.

[KerryRitter]

I see this in 2.4.0 as well:

Though I actually see the same when I downgraded to 2.1.0...

[stri8ed]

Experienced this issue in the latest release (2.1.5). Downgrading to 2.1.0 fixed it for me.

[elbartostrikesagain]

While 2.1.0 "fixes" the labels overlaping, it does so by having the x axis scale broken. In my screenshots you'll see that the step sizes in the x axis increments are rounded down to 30 min, but then the same size increment is 9 min in the last step of the x axis. This change in step size/scaling ruins the data display for the users. Another reason I couldn't use 2.1.0 is I found having multiple lines/points doesn't work on mobile till 2.1.5.

The solution I would like is what we see in 2.1.0, but just have the final increment be 39 min with a slightly larger box to reflect this(IE what we see in 2.5.0 without the 6:09 label). Or if it could figure out that it needs to rotate the labels that would work too.

The best solution I could come up with was manually setting a minRotation on my xAxes labels. 45 degrees looks better IMO but it completely fix the problem till its 90 degrees I bet.

scales: {
  xAxes: [{
    ticks: {
      minRotation: 45,
     },
  }]
}

2.5 with manually setting a min rotation:

2.5 without setting a min rotation:

2.1.0 x axis scaling bug(fixed in 2.1.1) and data points display bug(fixed in 2.1.5):

Edit:
2.5.0 cuts off vertical labels on the far right of the screen :( :(. 80 degrees works...

[wsjwong]

Same here, this is a critical bug. I wish there is an option for not forcing the last label, so they will not overlap even without rotation.

[pamply]

Facing the same using 2.5.0

[rms-richb]

I love using chartjs! I am having the same issue using version 2.5.0. It would be nice if the x-axis labels could be displayed horizontally with the text wrapping.

[csimpi]

Same issue here too