JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.google.com/jsapi?.js"></script>
<div id="chart_div"></div>
JavaScript
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Date');
data.addColumn('number', 'Value');
data.addRows([
['1394168400000', 50],
['1394168400000', 60],
['1394168400000', 40],
['1394168400000', 30],
['1394168400000', 70],
['1394168400000', 40],
['1394254800000', 60],
['1394254800000', 20],
['1394254800000', 40]
]);
var dateFormatter = new google.visualization.DateFormat({pattern: 'dd MM yyyy'});
var view = new google.visualization.DataView(data);
view.setColumns([{
type: 'string',
label: data.getColumnLabel(0),
calc: function (dt, row) {
var date = new Date(parseInt(dt.getValue(row, 0)));
return dateFormatter.formatValue(date);
}
}, 1]);
var chart = new google.visualization.LineChart(document.querySelector('#chart_div'));
chart.draw(view, {
height: 400,
width: 600
});
};
google.load('visualization', '1', {packages:['corechart'], callback: drawChart});