Highcharts Demo

author(s): Torstein Hønsi

by anikettiwari

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    $('#container').highcharts({
           chart: {
        renderTo: 'container'
    },
    xAxis: {        
           plotBands: [{ // mark the weekend
            color: '#04f9fe',
            from: Date.UTC(2010, 0, 5),
            to: Date.UTC(2010, 0, 9),
    
            label: { 
    text: 'Petition Phase', // Content of the label. 
  },
        },
        { // mark the weekend
            color: '#FCFFC5',
            from: Date.UTC(2010, 0, 0),
            to: Date.UTC(2010, 0, 5),
            label: { 
    text: 'Trial Phase', // Content of the label. 
  },
        }],
        type: 'datetime'
    },
    
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4],
        pointStart: Date.UTC(2010, 0, 1),
        pointInterval: 24 * 3600 * 1000
    }]
    });
});