JSFiddle - React, Tailwind, and code Playground

by Krzysztof Safjanowski

HTML

<script src="http://www.google.com/jsapi?ext.js"></script>
<div id="chart_div" style="width: 450px; height: 300px;"></div>

JavaScript

google.load("visualization", "1", {
    packages: ["corechart"]
});
google.setOnLoadCallback(drawChart);

function drawChart() {
    var data = google.visualization.arrayToDataTable(transposeArray([
        ['Year', '2004', '2005', '2006', '2007'],
        ['Sales', 1000, 1170, 660, 1030],
        ['Expenses', 400, 460, 1120, 540]
    ]));

    var options = {
        title: 'Company Performance'
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, options);
};

function transposeArray(array) {
    return array[0].map(function (col, i) {
        return array.map(function (row) {
            return row[i];
        })
    });
}