Legend on bottom with highcharts

I am using highcharts to draw some charts. I use the basic line plot like this:

http://www.highcharts.com/demo/spline-irregular-time

How can I display the legend under the chart area instead of at the right?

http://www.highcharts.com/demo/column-stacked-percent

Thx

Answer

marginBottom can be used to put legend on bottom of chart. You can still use legend property to move legend for example in the middle or right(i used center).

 chart: {
        marginBottom: 100
    },

    legend: {
        align: 'center',
        verticalAlign: 'bottom',
        x: 0,
        y: 0
    },

Possible solution: fiddle