Highcharts: a simple bar chart

by koh_edwin

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
        $('#container').highcharts({
            chart: {
                type: 'bar' //column
            },
            title: {
                text: 'Crude Rate per 100K'
            },
            xAxis: {
                categories: ['Alberta', 'Athabasca Health Authority', 'British Columbia', 'Calgary Zone']
            },
            /*yAxis: {
                min: 0,
                title: {
                    text: 'Crude Rate'
                }
            },*/
            legend: {
                enabled: false,
                reversed: true
            },
            //plotOptions: {
               // series: {
               //     stacking: 'normal'
               // }
            //},
            series: [{
                name: '',
                data: [5.5, 4.9, 5, 7.88]
            }
            //, {
            //    name: 'Female',
            //    data: [2, 2, 3, 2, 1]
            //}
            ]
        });
    });