HighCharts Experiments

by markmsmith

HTML

<script src="http://code.highcharts.com/highcharts.src.js"></script>
<div id="container" style="min-width: 400px; height: 200px; margin: 0 auto"></div>

JavaScript

$(function () {
    var chart;

    $(document).ready(function() {

        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'column'

            },

            xAxis: {

                categories: [
                    'Mon',
                    'Tue',
                    'Wed',
                    'Thur',
                    'Fri'
                ]

            },

            yAxis: {

                min: 0,

                title: {

                    text: 'Cards'

                }

            },

            tooltip: {

                formatter: function() {

                    return ''+

                        this.x +': '+ this.y;

                }

            },

            plotOptions: {
                column: {
                    pointPadding: 0.1,
                    borderWidth: 0
                }
            },
                series: [{
                name: 'Iniaial AC',
                data: [49.9, 71.5, 106.4, 129.2, 144.0]
            }, {
                name: 'In-Dev',
                data: [83.6, 78.8, 98.5, 93.4, 106.0]

            }, {
                name: 'Accepted',
                data: [48.9, 38.8, 39.3, 41.4, 47.0]
            }, {

                name: 'Accepted',
                data: [42.4, 33.2, 34.5, 39.7, 52.6]
            }]
        });
    });
});