Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {

    chart: {
        type: 'columnrange',
    },

    legend: {
        enabled: false
    },
		
    xAxis: { 
    	type: 'datetime'
    },

    series: [{
        name: 'Temperatures',
        data: [
                [1508875851244,1,1],
                [1508881151074,1,2],
                [1508890151087,1,3],
                [1508898553074,1,4],
                [1508907430201,1,5],
                [1508915589266,1,6],
                [1508924666068,1,7],
                [1508932909301,1,8],
                [1508941518064,1,9],
                [1508950518148,1,10],
                [1508958772494,1,11],
                [1508961799209,1,12],
                [1508962251244,1,13]
              ]
    }]

});