JSFiddle - React, Tailwind, and code Playground

by duffn

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'line'
        },
        xAxis: {
            type: 'datetime',
            labels: {
                rotation: -45,
                y: 25
            },
            plotBands: [{
                color: '#000000',
                from: 1375596000000,
                to: 1374127200000
            }],
        },
        legend: {
            enabled: false
        },
        credits: {
            enabled: false
        },
        series: [{
            data: [
                [1373436000000.0, 27],
                [1373522400000.0, 23],
                [1373608800000.0, 23],
                [1373695200000.0, 18],
                [1373781600000.0, 33],
                [1373868000000.0, 29],
                [1373954400000.0, 23],
                [1374040800000.0, 33],
                [1374127200000.0, 28],
                [1374213600000.0, 21],
                [1374300000000.0, 21],
                [1374386400000.0, 26],
                [1374472800000.0, 34],
                [1374559200000.0, 18],
                [1374645600000.0, 19],
                [1374732000000.0, 16],
                [1374818400000.0, 21],
                [1374904800000.0, 25],
                [1374991200000.0, 20],
                [1375077600000.0, 45],
                [1375164000000.0, 24],
                [1375250400000.0, 23],
                [1375336800000.0, 26],
                [1375423200000.0, 21],
                [1375509600000.0, 24],
                [1375596000000.0, 37],
                [1375682400000.0, 55],
                [1375768800000.0, 35],
                [1375855200000.0, 40],
                [1375941600000.0, 32],
                [1376028000000.0, 16]
            ]
        }]
    });
});