JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.google.com/jsapi?.js"></script>
<div id="visualization"></div>
JavaScript
function drawVisualization() {
// Create and populate the data table.
var data = new google.visualization.DataTable();
data.addColumn('datetime', 'Datum');
data.addColumn('number', 'A');
data.addColumn('number', 'B');
data.addRows([
[new Date(1392591661000),95,495],
[new Date(1392591735000),95,495],
[new Date(1392678077000),96,496]
]);
// Create and draw the visualization.
new google.visualization.BarChart(document.getElementById('visualization')).
draw(data, {
title:"Yearly Coffee Consumption by Country",
width: 600,
height: 8000,
chartArea: {
height: '95%'
},
vAxis: {title: "Year"},
hAxis: {title: "Cups"}
});
}
google.load('visualization', '1', {packages:['corechart'], callback: drawVisualization});