mubix
Posts: 32
Joined: Wed May 25, 2022 12:32 pm

legend text wrap

currently entire legend stays on same line or it moves to next line,
even though there is plenty of space for half of legend ..
so is there way to wrap it to next line to save some space ???

in following fiddle i have aligned legend to left and there is space for legend on right

fiddle link: https://jsfiddle.net/g0vin_d_Vitara/me24xho5/12/
other images links: https://ibb.co/9yxK92n
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: legend text wrap

Hello Mubix,

You can manipulate properties like legend.itemDistance and legend.padding to fit more items in one line.

Demo: https://jsfiddle.net/BlackLabel/afL0bsqv/
API
: https://api.highcharts.com/highcharts/l ... emDistance
https://api.highcharts.com/highcharts/legend.margin

Let me know if you have any further questions!
Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Usage”