Google charts: Move legend position

6
votes

I am using Google Charts to visualize data on my website. I have a problem with the 'visualization' 1.1 and the 'pakcages' line:

google.load('visualization', '1.1', {packages: ['line']});

I try to put the legend column in the bottom position, with others Google Charts types I use the next line and it works:

var options = {
legend: { position: 'bottom'}
};

But with this type of charts no works, it put the legend column in the right, like you can see in this image of my web: chart example

Thanks!

3
javascriptgoogle-visualization

3 Answers

8
votes

I believe the syntax is like this:

var options = {
legend: 'bottom'
};

Source

EDIT: Actually, it seems to not yet be supported. Only right or none. Source

5
votes

Syntax would be - 

  legend: { 
          position: 'bottom', 
        alignment: 'center' ,
        orientation: 'vertical',
    }
4
votes

Try this.. 

legend: { position: 'top', alignment: 'end' },