JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.google.com/jsapi?.js"></script>
<div id="chart_div"></div>
JavaScript
function drawChart() {
var jsonData = {
"cols":[
{"type":"string","label":"Time"},
{"type":"number","label":"Variable 1"}
],
"rows":[
{"c":[{"v":"2013-12-28 21:00:00"},{"v":1.1}]},
{"c":[{"v":"2013-12-28 21:35:00"},{"v":1.1}]},
{"c":[{"v":"2013-12-28 21:40:00"},{"v":0.2}]},
{"c":[{"v":"2013-12-28 21:45:00"},{"v":1.2}]},
{"c":[{"v":"2013-12-28 21:50:00"},{"v":1.3}]},
{"c":[{"v":"2013-12-28 21:55:00"},{"v":0.5}]}
]
};
var options = {
title: 'Test',
curveType: 'function',
lineWidth: 5 ,
pointSize: 10,
};
var data = new google.visualization.DataTable(jsonData);
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
google.load('visualization', '1', {packages:['corechart'], callback: drawChart});