JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
</head>
<body>
<div id="linechart_material"></div>
</body>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
function drawChart(cols, rows) {
dtData = new google.visualization.DataTable();
cols.map(function(col) {
if(col === 'date') {
dtData.addColumn('date', col);
} else {
dtData.addColumn('number', col);
}
});
dtData.addRows(rows);
var options = {
chart: {
title: 'Awesome Chart',
subtitle: 'Some Awesome Subtitle'
},
width: 900,
height: 500
};
var chart = new google.charts.Line(document.getElementById('linechart_material'));
chart.draw(dtData, options);
}
</script>
<script>
function getData() {
console.log("inside IIFE");
var cols = ['date'];
var rows = [];
nData.map(function(object) {
...