Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile Pie chart with long labels #7975

Closed
bronze opened this Issue Mar 8, 2018 · 1 comment

Comments

Projects
None yet
2 participants
@bronze
Copy link

bronze commented Mar 8, 2018

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 #6841 (comment))
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

@TorsteinHonsi TorsteinHonsi added the Bug label Mar 9, 2018

@TorsteinHonsi TorsteinHonsi self-assigned this Mar 9, 2018

@TorsteinHonsi

This comment has been minimized.

Copy link
Collaborator

TorsteinHonsi commented Mar 9, 2018

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.