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 data2 = google.visualization.arrayToDataTable([
['Element', 'Score', {role: 'style'}],
['You', 60,'color: #aa0000'],
['Average', 70,'color: #0000ff']
]);
var options = {
title:"How did you do?",
titleTextStyle:{fontSize:16,},
legend: {
position: "none"
},
hAxis: {
title: "% Score (vs. World Average)",
minValue:0,
maxValue:100,
titleTextStyle:{
fontSize:12
}
}
};
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data2, options);
}
google.load('visualization', '1', {packages:['corechart'], callback: drawChart});