JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 500px"></div>
JavaScript
$(document).ready(function() {
var cosmdata = [];
$.getJSON('http://api.cosm.com/v2/feeds/4038/datastreams/9.json?start=2013-05-01T00:00:00Z&end=2013-05-19T23:00:00Z&interval=3600?key=dNSiSvXZtR6QBUqbzll4CCgnngGSAKxIQVFSeXBneGpqWT0g', function(inData) {
var xval = new Date();
dateStart = Date.parse(inData.datapoints[0].at);
for (i = 0; i < inData.datapoints.length; i++) {
var yval = parseFloat(inData.datapoints[i].value);
xval = Date.parse(inData.datapoints[i].at);
var x = [xval, yval];
cosmdata.push(x);
}
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
type: 'datetime'
},
plotOptions: {series: {marker: {enabled: false}}},
series: [{
data: cosmdata}]
});
});
});