Highcharts Demo (DAYS)

author(s): Torstein Hønsi

by amrutaJgtp

HTML

<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column',
            zoomType: 'xy'
        },
        scrollbar:{
            enabled:true
        },
        xAxis: {
            type: 'datetime',
              startOnTick: true,
              units: [
                  ['day',[3]],
                [
                    'month', [1,3,6]],
                [
                    'year', null]
            ],
            min:Date.UTC(2010, 0,1),
            showFirstLabel:true
        },
        series: [{
             //pointStart: Date.UTC(2010, 0,1),
            data: [
                [Date.UTC(2010, 0, 1), 29.9],
                [Date.UTC(2010, 0, 2), 71.5],
                [Date.UTC(2010, 0, 3), 106.4],
                [Date.UTC(2010, 0, 6), 129.2],
                [Date.UTC(2010, 0, 7), 144.0],
                [Date.UTC(2010, 0, 8), 176.0]
            ]
           
        }]

    });
});