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('number', 'X');
data.addColumn('number', 'Y');
data.addColumn({type: 'string', role: 'annotation'});
data.addRows([
[0, 5, '5'],
[1, 3, '3'],
[2, 4, '4'],
[3, 7, '7'],
[4, 2, '2']
]);
var chart = new google.visualization.AreaChart(document.querySelector('#chart_div'));
chart.draw(data, {
height: 400,
width: 600,
vAxis: {
minValue: 0,
maxValue: 10
}
});
}
google.load('visualization', '1', {packages:['corechart'], callback: drawChart});