LegendBottom

by kzoon

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        type: 'column'
    },
    title: {
            },
    subtitle: {
        text: 'my subtitle'
    },
    legend: {
        verticalAlign: 'bottom',
        //align: 'left'        ,
        align: 'center'        ,
        //   layout:'vertical'
        margin:5
      },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar']
    },

    series: [
        {
        data: [29.9, 71.5, 106.4]},
    {
        data: [129.9, 171.5, 150]},
    {
        data: [97, 34, 75]},
    {
        data: [15, 98, 121]}


    ]
});