JSFiddle - React, Tailwind, and code Playground
by Michel Penke
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/4.2.4/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
JavaScript
$(function() {
var data = [{
"x": 1482128368000,
"y": 23.15
}, {
"x": 1482128362000,
"y": 25.12
}, {
"x": 1482128357000,
"y": 24.63
}, {
"x": 1482128352000,
"y": 23.46
}, {
"x": 1482128346000,
"y": 24.61
}, {
"x": 1482128341000,
"y": 23.56
}, {
"x": 1482128336000,
"y": 24.22
}, {
"x": 1482128331000,
"y": 24.25
}, {
"x": 1482128325000,
"y": 30.12
}, {
"x": 1482128319000,
"y": 23.15
}, {
"x": 1482128314000,
"y": 30.32
}, {
"x": 1482128307000,
"y": 22.99
}, {
"x": 1482128302000,
"y": 24.1
}, {
"x": 1482128297000,
"y": 24.8
}, {
"x": 1482128292000,
"y": 23.15
}, {
"x": 1482128286000,
"y": 23.31
}, {
"x": 1482128281000,
"y": 24.22
}, {
"x": 1482128276000,
"y": 23.56
}, {
"x": 1482128270000,
"y": 23.56
}, {
"x": 1482128265000,
"y": 23.95
}, {
"x": 1482128260000,
"y": 25.13
}, {
"x": 1482128255000,
"y": 23.43
}, {
"x": 1482128249000,
"y": 22.75
}, {
"x": 1482128244000,
"y": 23.52
}, {
"x": 1482128239000,
"y": 23.4
}, {
"x": 1482128233000,
"y": 23.15
}, {
"x": 1482128228000,
"y": 24.6
}, {
"x": 1482128223000,
"y": 23.43
}, {
"x": 1482128218000,
"y": 23.56
}, {
"x": 1482128212000,
"y": 24.22
}, {
"x": 1482128207000,
"y": 24.22
}, {
"x": 1482128202000,
"y": 23.56
}, {
"x": 1482128196000,
"y": 23.68
}, {
"x": 1482128191000,
"y": 23.43
}, {
"x": 1482128186000,
"y": 23.56
}, {
"x": 1482128181000,
"y": 26.15
}, {
"x": 1482128175000,
"y": 24.86
}, {
"x": 1482128170000,
"y": 23.95
...