JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.google.com/jsapi?dummy=.js"></script>
<div id="chart_div"></div>
JavaScript
google.load('visualization', '1.1', {
'packages': ['corechart']
});
google.setOnLoadCallback(drawStuff);
function drawStuff() {
var data = google.visualization.arrayToDataTable([
['Genre', 'Fantasy & Sci Fi', 'Romance', 'Mystery/Crime', 'General',
'Western', 'Literature', { role: 'annotation' } ],
['Device 1', 10, 24, 20, 32, 18, 5, ''],
['Device 2', 16, 22, 23, 30, 16, 9, ''],
]);
var options = {
width: 600,
height: 400,
bar: { groupWidth: '10%' },
isStacked: true,
hAxis :{ textStyle: { italic:true }},
vAxis:{gridlines:{color:'white'}},
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
};