JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://www.google.com/jsapi?ext.js"></script>
<input type="button" onClick="drawIt()" value="Draw table" />
<div id="table"></div>
JavaScript
google.load("visualization", "1", {
packages: ["table"]
});
var JSONinput = {
cols: [{
label: 'Bookmark',
type: 'string'
},
{
label: 'Price',
type: 'number'
},
{
label: 'time',
type: 'number'
}
],
rows: [{
c: [{
v: 'ABC'
},
{
v: 1.0
},
{
v: 10.0
}
]
},
{
c: [{
v: 'DEF'
},
{
v: 1.0
},
{
v: 10.0
}
]
}
]
};
function drawIt() {
drawChart(JSONinput);
};
function drawChart(input) {
var data = new google.visualization.DataTable(input)
var chart = new google.visualization.Table(document.getElementById('table'));
chart.draw(data);
}