JSFiddle - React, Tailwind, and code Playground

by heennkkee

HTML

<script src="//www.google.com/jsapi"></script>
<div id="datachart" style="width:700px; height:250px;">
    <span>Loading...</span>
</div>

CSS

span{
    z-index:-1;
}

JavaScript

google.load('visualization', '1', {'callback': resultGraph, 'packages':['corechart']});

var chartData;
	
function resultGraph() {
    chartData = google.visualization.arrayToDataTable([
			['Group',				'World'],
			['', 					0],
			['Flash Laggards', 		14.2],
			['Flash Aware', 		24.4],
			['Flash Users', 		36],
			['Flash Innovators',	12.8],
			['', 					0],
		]);
    var options = {
			legend: 'none',
			series: {
				0: { color: '#1976D2' },
			},
			chartArea: {
				left:	'30',
				top:	'30',
				width:	'100%'
			},
			hAxis: {
				gridlines: {
					count: 3
				},
			},
		};
		
		var chart = new google.visualization.LineChart(document.getElementById('datachart'));
		
		chart.draw(chartData, options);
}