How can I move legend in Highcharts?

jquery highcharts
PSR picture PSR · Jul 6, 2013 · Viewed 46.8k times · Source

By default legend is displaying at the top-right side of the graph. I want to show it just above the graph. I've used the following code:

legend: {
    layout: 'vertical',
    align: 'left',
    x: 600,
    verticalAlign: 'top',
    y: 40,
    floating: true,
    backgroundColor: '#FFFFFF'
}

But it is not working for me. Am I doing anything wrong?

Answer

Sri-- picture Sri-- · Jul 7, 2013

Like this:

legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            floating: true,
            backgroundColor: '#FFFFFF'
        },

http://api.highcharts.com/highcharts#legend.verticalAlign http://api.highcharts.com/highcharts#legend.align

Related questions

Reload chart data via JSON with Highcharts

I am trying to reload the data for a Highcharts chart via JSON based on a button click elsewhere in the page. Initially I would like to display a default set of data (spending by category) but then load new …

Read More
Resize height with Highcharts

I have a Highchart which resizes the width beatuifully when the window change size. But not the height. I tried this set chart size but it's not working proberly. Is there any other way to automatically change the height when …

Read More
How can i get access to a Highcharts chart through a DOM-Container

When i render a highcharts-chart to a div container, how can i get access to the chart object through the div-Container? i dont want to make the chart variable global. var chart = new Highcharts.Chart({ chart: { renderTo: "testDivId", ... I want …

Read More