Highcharts - Legend Positioning outside the chart

javascript highcharts legend legend-properties

ramya · Apr 8, 2015 · Viewed 15k times · Source

Consider I have highchart like this highchart with legend inside

I want legend outside the chart. Please help.

NOTE: I want my legend properties to be the same.

legend{
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'middle'
}

However I want them outside the chart. Please help.

Answer

it seems like you need to set 'floating: false' http://jsfiddle.net/hx86zhob/1/

legend{
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'middle',
    floating: false
}