Legend box - why does the text wrap?

Hi Forum, 
 
Please can you help me with the attached problem. 
 
Please just look at the legend in the attached graph, don't consider the other formatting problems with the graph. 
 
I have tried a lot of different ways of entering the legend in the attached graph, but the text always wraps. 
 
The size of the graph is set in the before generation macro like this 
 
beforeGeneration: function(options) 
{ 
//Set the chart's size 
alert ("Setting chart.width"); 
options.chart.width=270; 
options.chart.height=130; 
alert ("Chart.width is now set"); 
 
The current settings for the legend are attached. 

If I make the graph larger then the legend does not wrap!
 
Please let me know if you have any ideas.
 
Thank you
 
Jeremy Beta.

Find more posts tagged with

Comments

Avishak

Hi Jeremy,
 
change the Orientation to 'horizontal'. if you want the legend side by side .
 
it can be achieved by two ways :
a) changing the Legend Layout Orientation value to 'horizontal' ( default is 'vertical').
b) using script in the setting values in beforeGeneration for options.legend.layout .
 
Thanks,
Avi

Jeremy Beta

Hi Avi

Thank you for your reply.
 
However I would like each entry in the legend to be on one line. Please see the attached screen shot.

Thanks and kind regards
 
Jeremy B

Avishak

So in that can make the Orientation to vertical instead of Auto.

Jeremy Beta

Hi All
 
Sorry, this hasn't worked. The legend is still wrapping. Perhaps this is an HTML5 or HighCharts issue?
 
Kind regards
 
Jeremy B.

Clement Wong

Try the following setting of percentWidth (which doesn't show on auto complete of options.legend):
<pre class="_prettyXprint">
beforeGeneration: function(options)
{
options.legend.percentWidth = "100%";
},
</pre>