JSFiddle - React, Tailwind, and code Playground
by Sub Taper
HTML
<script src="https://www.google.com/jsapi?ext.js"></script>
<div id="todays-total-sales"></div>
JavaScript
google.load('visualization', '1.1', {packages: ['line']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
var chartData = [];
var _data = [];
for (k =0; k < 10; k++) {
chartData[k] = [];
for (i =0; i < 10; i++)
{
_data[i] = [];
_data[i][0] = i
_data[i][1] = 5*Math.pow(0.5, (i/4))
chartData.concat(_data);
}
}
console.table(chartData);
data.addColumn('number', 'Hour');
data.addColumn('number', 'Pageviews');
/* for (i = 0; i < chartData.length; i++){
data.addRow(chartData[i]);
};*/
data.addRows(chartData);
//data.addRows([chartData[2]]);
var options = {
width: 450,
height: 250
};
var chart = new google.charts.Line(document.getElementById('todays-total-sales'));
chart.draw(data, options);
}