Highcharts Demo

author(s): Torstein Hønsi

by prathik

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px; width: 500px"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
        marginBottom: 80
    },
    xAxis: {
        //categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        type:'category',
        //categories: [11111111,22222222,333333333,422222,2222225,222226,222227,222228,2222229,10567577,15757571,175342],
        labels: {
            rotation: 45
        }
    },

    series: [{
        //data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        data:[{"January",29.9},{"February",71.5},{"March",106.4},{"April",129.2},{"May",144},{"June",176},{"July",135.6},{"August",148.5},{"September",216.4},{"October",194.1},{"November",95.6},{"December",54.4}]
        //data:[{x:11111111,y:29.9},{x:22222222,y:71.5},{x:333333333,y:106.4},{x:422222,y:129.2},{x:2222225,y:144},{x:222226,y:176},{x:222227,y:135.6},{x:222228,y:148.5},{x:2222229,y:216.4},{x:10567577,y:194.1},{x:15757571,y:95.6},{x:175342,y:54.4}]
        //data:[{name:"January",y:29.9},{name:"February",y:71.5},{name:"March",y:106.4},{name:"April",y:129.2},{name:"May",y:144},{name:"June",y:176},{name:"July",y:135.6},{name:"August",y:148.5},{name:"September",y:216.4},{name:"October",y:194.1},{name:"November",y:95.6},{name:"December",y:54.4}]
        //data:[{x:"January",y:29.9},{x:"February",y:71.5},{x:"March",y:106.4},{x:"April",y:129.2},{x:"May",y:144},{x:"June",y:176},{x:"July",y:135.6},{x:"August",y:148.5},{x:"September",y:216.4},{x:"October",y:194.1},{x:"November",y:95.6},{x:"December",y:54.4}]
    }]
});