Legend on bottom with highcharts

highcharts, javascript

Solution

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

Problem

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

Original source