Chart.js
Chart.js copied to clipboard
Labels overlapping on X-axis when they shouldn't
Expected behavior
I want to show only one label and hide all of the others when labels are overlapping.
Current behavior
Labels are overlapping.
Reproducible sample
https://codepen.io/Dekadinious/pen/YzBGBGR
Optional extra steps/info to reproduce
I don't have many extra steps, but it seems to happen when dates are close together in a "rather large" dataset.
Possible solution
I have tried setting autoSkip. I do not want to rotate labels.
Context
I am trying to have a clean X-axis where I only show one label if labels are going to overlap. I don't want overlapping labels confusing users.
chart.js version
v4.4.0
Browser name and version
Microsoft Edge 118.0.2088.76
Link to your project
No response