Skip to content

Pie chart label cut off when container has a particular height and multi-line data-labels are used #22100

@HendrikThePendric

Description

@HendrikThePendric

Expected behaviour

The data label is either be fully visible, or completely hidden.

Actual behaviour

There is an intermediate state when the data-label is partially visible and partially hidden (i.e. the label is cut off).

In the screenshot below I show this intermediate state: the CHC label also has a number and percentage below it, but these are not visible / are cut off.
Screenshot 2024-11-04 at 10 58 21

Live demo with steps to reproduce

  1. Go to my JSFiddle
  2. Increase/decrease the height of the container until the bottom data label becomes partially visible (this is around 170-180px)

Product version

Highcharts Core 11.4.8

Affected browser(s)

All

Additional notes

  • I discussed this problem with a Highcharts support engineer (Michal) and he agreed that this was a bug although probably not very high urgency, because it only occurs under very specific circumstances
  • I found a previous issue Pie data labels get cut off when using multiline data labels  #17286 that seemed identical at fist glance, but I actually think in the end that case the problem was caused by a configuration error (rigidly setting the chart size to 100%).

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions