JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://www.google.com/jsapi"></script>
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<style>
#chart_div_outcomes {
display:block;
height:500px;
width:500px;
}
</style>
</head>
<body>
<script>
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'US: Course Credits');
data.addColumn('number', 'US: GED / Diploma');
data.addRows(3);
data.setValue(0, 0, '2008-09');
data.setValue(0, 1, 0.47890698418927);
data.setValue(0, 2, 0.10623548848009);
data.setValue(1, 0, '2009-10');
data.setValue(1, 1, 0.51994044874244);
data.setValue(1, 2, 0.11240207622435);
data.setValue(2, 0, '2010-11');
data.setValue(2, 1, 0.54635796318632);
data.setValue(2, 2, 0.12757235774284);
var formatter = new google.visualization.NumberFormat(
{
fractionDigits: '2'
});
formatter.format(data, 1); // Apply formatter to second column
formatter.format(data, 2); // Apply formatter to third column
var chart = new google.visualization.LineChart(document.getElementById('chart_div_outcomes'));
chart.draw(data, {
width: 450,
height: 350,
fontSize: 10,
/* title: 'Comparison of Students Attaining Academic...