chartjs / chartjs/Chart.js

PolarArea: point labels overlap on certain circumstances

Open
#11,946 0 comments 0 reactions 0 assignees View on GitHub
type: bug
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### 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](https://github.com/user-attachments/assets/317236a1-333a-48d1-83ae-d68335933fd7)

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_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.