JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(document).ready(function() {
    var dateStart;
    var d = new Date();
    var dateEnd = d.getTime();
    var detailStart;
    var data = [];
    var masterChart, detailChart;
    $.ajax({
        url: 'http://api.cosm.com/v2/feeds/79903/datastreams/Temperature.json?start=2012-10-15T08:00:00Z&end=2012-11-08T00:00:00Z&interval=3600&limit=1000?key=dNSiSvXZtR6QBUqbzll4CCgnngGSAKxIQVFSeXBneGpqWT0g',
        dataType: "json",
        success: function(inData) {
            var xval = new Date();
            dateStart = Date.parse(inData.datapoints[0].at);
            var end = inData.datapoints.length - 1;
            dateEnd = Date.parse(inData.datapoints[end].at);
            detailStart = d.setUTCMonth(d.getUTCMonth(dateStart));
            for (i = 0; i < inData.datapoints.length; i++) {
                var yval = parseFloat(inData.datapoints[i].value);
                xval = Date.parse(inData.datapoints[i].at);

                // add the point
                data.push({
                    x: xval,
                    y: yval
                });
            }
            // create master and in its callback, create the detail chart
            createMaster();
        },
        //cache: false
    });

    // create the master chart


    function createMaster() {
        masterChart = new Highcharts.Chart({
            chart: {
                renderTo: 'master-container',
                reflow: false,
                borderWidth: 0,
                backgroundColor: null,
                marginLeft: 50,
                marginRight: 20,
                zoomType: 'x',
                events: {

                    // listen to the selection event on the master chart to update the
                    // extremes of the detail chart
                    selection: function(event) {
                        var extremesObject = event.xAxis[0],
                            min = extremesObject.min,
                            max = extremesObject.max,
              ...