Highcharts Demo

author(s): Torstein Hønsi

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: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    var chart;
    $(document).ready(function () {
        var categories1 = ['Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb', 'Mar', 'Apr', 'May'],
            name1 = 'Actual',
            data1 = [{
                y: 2,
                drilldown: {
                    name: 'July',
                    categories: ['Acquisitions/Divestitures', 'Meeting', 'Plant', 'Internal Training'],
                    data: [1, 0, 0, 1]
                }
            }, {
                y: 10,
                drilldown: {
                    name: 'August',
                    categories: ['Acquisitions/Divestitures', 'Meeting', 'Plant', 'Internal Training'],
                    data: [0, 5, 3, 2]
                }
            }, {
                y: 3,
                drilldown: {
                    name: 'September',
                    categories: ['Acquisitions/Divestitures', 'Meeting', 'Plant', 'Internal Training'],
                    data: [10, 3, 0, 0]
                }
            }, {
                y: 9,
                drilldown: {
                    name: 'October',
                    categories: ['Acquisitions/Divestitures', 'Meeting', 'Plant', 'Internal Training'],
                    data: [0, 8, 1, 0]
                }
            }, {
                y: 2,
                drilldown: {
                    name: 'November',
                    categories: ['Acquisitions/Divestitures', 'Meeting', 'Plant', 'Internal Training'],
                    data: [1, 1, 0, 0]
                }
            }, {
                y: 5,
                drilldown: {
                    name: 'December',
                    categories: ['Acquisitions/Divestitures', 'Meeting', 'Plant', 'Internal Training'],
                    data: [0, 2, 2, 1]
                }
            }];
        var categories2 = ['Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb', 'Mar', 'Apr', 'May'],
            name2 = 'Goal',
            data2 = [1, 7, 2, 3, 3, 2, 4,...