Highcharts Demo

author(s): Torstein Hønsi

by Nick Hulea

HTML

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

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        credits: {
                enabled: false
            },

            chart: {
                renderTo: 'container',
                type: 'spline'
            },
            title: {
                text: 'Confluence Media/Other Media'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: [
'Sep-26',
'Sep-27',
'Sep-28',
'Sep-29',
'Sep-30',
'Oct-1',
'Oct-2',
'Oct-3',
'Oct-4',
'Oct-5',
'Oct-6',
'Oct-7',
'Oct-8',
'Oct-9',
'Oct-10',
'Oct-11',
'Oct-12',
'Oct-13',
'Oct-14',
'Oct-15',
'Oct-17',
'Oct-18',
'Oct-22',
'Oct-23',
'Oct-24',
'Oct-25',
'Oct-27',
'Oct-30',
'Nov-4',
'Nov-6',
'Nov-8',
'Nov-14',
'Nov-16',
'Nov-19',
'Dec-21',
'Dec-22',
'Dec-23',
'Jan-11',
'Jan-12',
'Jan-13',
'Jan-14',
'Jan-16'],
                tickmarkPlacement: 'on',
                title: {
                    enabled: false
                }
            },
        
        yAxis: {
            title: {
                    text: 'Millions'
                },
            startOnTick: false
        },
         series: [{
                name: 'Other Media',
                 data: [
44,
63,
39,
32,
19,
28,
40,
19,
18,
20,
9,
3,
2,
5,
3,
5,
2,
2,
1,
4,
null,
null,
8,
1,
4,
1,
1,
3,
1,
1,
4,
2,
3,
6,
3,
1,
1,
2,
1,
1,
2,
1,
]
            }, {
                name: 'Confluence Media',
                data: [
null,
null,
1,
null,
null,
null,
null,
null,
2,
3,
null,
1,
10,
6,
15,
6,
4,
6,
5,
null,
4,
2,
null,
null,
null,
null,
1,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null
                 ]
            }]
    });
});