JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>
JavaScript
$(function () {
Highcharts.setOptions({
global: {
//timezoneOffset: 3.30 * 60
}
});
$('#container').highcharts({
xAxis: {
type: 'datetime',
tickInterval: 3600 * 1000,
min: Date.UTC(2016,02,20),
max: Date.UTC(2016,02,21),
},
series: [{
data: [
[Date.UTC(2016, 02, 20,0,45), 1],
[Date.UTC(2016, 02, 20,12,15), 3],
[Date.UTC(2016, 02, 20,14,30), 6],
[Date.UTC(2016, 02, 20,15,45), 9],
[Date.UTC(2016, 02, 20,17,45), 5],
],
pointStart: Date.UTC(2016, 02, 20),
pointInterval: 3600 *1000
}]
});
});