JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.google.com/jsapi?fake=.js"></script>
<div id="chart_div"></div>
JavaScript
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'Product 1');
data.addColumn({type: 'string', role: 'annotation'});
data.addColumn('number', 'Product 2');
data.addColumn({type: 'string', role: 'annotation'});
data.addColumn('number', 'Product 3');
data.addColumn({type: 'string', role: 'annotation'});
data.addRows([
[new Date(2013, 10, 29), 172, 'Product 1', 141, 'Product 2', 93, 'Product 3'],
[new Date(2013, 10, 30), 145, 'Product 1', 167, 'Product 2', 128, 'Product 3'],
[new Date(2013, 11, 1), 137, 'Product 1', 130, 'Product 2', 146, 'Product 3']
]);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {
height: 400,
width: 600
});
}
google.load('visualization', '1', {packages: ['corechart'], callback: drawChart});