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: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
        $('#container').highcharts({
            xAxis: {
                type: 'datetime',
                tickInterval: 24 * 3600 * 1000
            },    
            series: [{
                type: 'line',
                pointInterval: 24 * 3600 * 1000,
                data: [[1448935200000, 0], [1449021600000, 0], [1449108000000, 0], [1449194400000, 0], {'x': 1446688800000, 'marker': {'enabled': true, 'fillColor': '#FF8801', 'lineColor': '#FF8801', 'lineWidth': 2}, 'y': 610.0}, [1446775200000, 0], [1446861600000, 0], {'x': 1446948000000, 'marker': {'enabled': true, 'fillColor': '#FF8801', 'lineColor': '#FF8801', 'lineWidth': 2}, 'y': 66.58}, [1447034400000, 0], [1447120800000, 0], [1447207200000, 0], [1447293600000, 0], [1447380000000, 0], {'x': 1447466400000, 'marker': {'enabled': true, 'fillColor': '#FF8801', 'lineColor': '#FF8801', 'lineWidth': 2}, 'y': 70.99}, [1447552800000, 0], {'x': 1447639200000, 'marker': {'enabled': true, 'fillColor': '#FF8801', 'lineColor': '#FF8801', 'lineWidth': 2}, 'y': 12.8}, [1447725600000, 0], [1447812000000, 0], [1447898400000, 0], {'x': 1447984800000, 'marker': {'enabled': true, 'fillColor': '#FF8801', 'lineColor': '#FF8801', 'lineWidth': 2}, 'y': 74.95}, [1448071200000, 0], [1448157600000, 0], [1448244000000, 0], [1448330400000, 0], [1448416800000, 0], {'x': 1448503200000, 'marker': {'enabled': true, 'fillColor': '#FF8801', 'lineColor': '#FF8801', 'lineWidth': 2}, 'y': 38.4}, [1448589600000, 0], [1448676000000, 0], [1448762400000, 0], [1448848800000, 0]]
            }]
        });
    });