Highcharts: Mobile Pie chart with long labels

Created on 8 Mar 2018  路  1Comment  路  Source: highcharts/highcharts

Expected behaviour

On mobile, wrap long labels into a more readable format

Actual behaviour

Using useHTML:true, it overflows, without it i have ellipsis.
Ive been reading through older issues but i cant seem to find a solution.
This older isue (jun/2017) is pretty much close to what im experiencing: Cannot disable Pie dataLabels text-ellipsis functionality https://github.com/highcharts/highcharts/issues/6841#issuecomment-309437879)
But i cant find/reproduce a solution.
Any help greatly appreciated.

Live demo with steps to reproduce

https://jsfiddle.net/wxy0292h/

Product version

Highcharts JS v6.0.0 (2017-10-04)

Affected browser(s)

Chrome

Below are some screenshots of production
screen shot 2018-03-08 at 08 49 34
This was without expliciting size under plotOptions/pie
screen shot 2018-03-08 at 08 49 51

Bug

Most helpful comment

Thanks for reporting! With the fix, you can set dataLabels.style.textOverflow to clip to enable word-wrap: https://jsfiddle.net/highcharts/wxy0292h/15/

>All comments

Thanks for reporting! With the fix, you can set dataLabels.style.textOverflow to clip to enable word-wrap: https://jsfiddle.net/highcharts/wxy0292h/15/

Was this page helpful?
0 / 5 - 0 ratings