Chart.js icon indicating copy to clipboard operation
Chart.js copied to clipboard

Labels overlapping on X-axis when they shouldn't

Open Dekadinious opened this issue 2 years ago • 0 comments

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

Dekadinious avatar Nov 03 '23 09:11 Dekadinious