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 arr = [['Name'], ['First 31'], ['Second 31']];
for (var i = 0; i < 62; i++) {
arr[0].push('series ' + i);
if (i < 31) {
arr[1].push(1);
arr[2].push(null);
}
else {
arr[1].push(null);
arr[2].push(1);
}
}
var data = google.visualization.arrayToDataTable(arr);
var chart = new google.visualization.ColumnChart(document.querySelector('#chart_div'));
chart.draw(data, {
height: 600,
width: 400,
isStacked: true,
chartArea: {
height: '90%',
top: 0
},
legend: {
position: 'none'
},
vAxis: {
viewWindow: {
max: 31
}
}
});
}
google.load('visualization', '1', {packages:['corechart'], callback: drawChart});