JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>
<div id="chart" style="min-height: 300px"></div>
JavaScript
var chart_options = {
legend: {
position: 'bottom'
},
hAxis: {
//format: "H:mm"
}
};
var chartdata = [
[new Date(2014, 3, 1), 95,100,98,110, null,null,null,null],
[new Date(2014, 3, 2), 98,98,102,103, null,null,null,null],
[new Date(2014, 3, 4), 93,95,103,103, 94,96,104,104],
[new Date(2014, 3, 5), 94,103,104,105, 95,104,105,106],
];
chart1 = new google.visualization.CandlestickChart(document.getElementById('chart'));
chart1.draw( google.visualization.arrayToDataTable(chartdata,true), chart_options);