Skip to content

Radar point overlap their label #8603

@mrleblanc101

Description

@mrleblanc101

Capture d’écran, le 2021-03-09 à 12 58 26

Expected Behavior

The point should not overlap the label.

Current Behavior

The chart positioning doesn't take the point size into account.

Possible Solution

Adding a padding or offset options to pointsLabels.
A potential fix was proposed in #5873 but it ended up being reject as another PR was supposed to solve this problem by adding a line-height setting.
Increasing the line-height is not a solution when using multiline labels.

Steps to Reproduce

Charts.js: https://codepen.io/kurkle/pen/qBqQqxa
Vue-chart.js: https://codesandbox.io/s/autumn-frog-bel26?file=/components/RadarChart.vue

Environment

  • Chart.js version: 2.9.4
  • Browser name and version: Chrome 89

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions