JSFiddle - React, Tailwind, and code Playground

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 = [];

        for (i =0; i < 10; i++)
        {
            chartData[i] = [];
            chartData[i][0] = i
            chartData[i][1] = i*i
            chartData[i][2] = i*i*2
            chartData[i][3] = i*i*3
        };
    data.addColumn('number', 'Hour');
    data.addColumn('number', 'Pageviews');
    data.addColumn('number', 'Sales');
    data.addColumn('number', 'Earnings in $AUD');

  /*  for (i = 0; i < chartData.length; i++){
        data.addRow(chartData[i]);
    };*/
    console.log(chartData);
    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);
}