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

PolarArea: point labels overlap on certain circumstances

Open jq2dj opened this issue 1 year ago • 0 comments

Expected behavior

The point labels should not overlap, when using the option display: 'auto'. This option was enabled for the polar area with #11055.

Current behavior

The labels overlap sometimes, instead of not displaying them. This depends somehow on the size of the labels (length) and/or the size of the chart.

image

Depending on the size, the labels may overlap more or less. The detection of overlapping labels seems to work only partially. See the second chart in the sample, with more space, no label overlap, despite not showing all of the 100 labels.

Reproducible sample

https://codepen.io/nwi4/pen/dyxedNO

Optional extra steps/info to reproduce

No response

Possible solution

No response

Context

No response

chart.js version

4.4.6

Browser name and version

Chrome 130.0.6723.71

Link to your project

No response

jq2dj avatar Oct 31 '24 09:10 jq2dj