JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<button onclick="reformatMyDataThenDrawChart()">
draw chart
</button>

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

JavaScript

//$(function () {

yourData = [{"x":"2018-05-24 10:39:44","y":"0"},{"x":"2018-05-24 10:40:56","y":"0"},{"x":"2018-05-24 10:41:08","y":"0"},{"x":"2018-05-24 10:41:24","y":"0"},{"x":"2018-05-24 10:41:56","y":"0"},{"x":"2018-05-24 10:42:36","y":"0"},{"x":"2018-05-24 10:47:36","y":"14"},{"x":"2018-05-24 10:48:16","y":"45"},{"x":"2018-05-24 10:48:56","y":"22"},{"x":"2018-05-24 10:49:36","y":"33"},{"x":"2018-05-24 10:50:15","y":"34"},{"x":"2018-05-24 10:50:55","y":"42"},{"x":"2018-05-24 10:52:52","y":"0"},{"x":"2018-05-24 10:53:27","y":"34"},{"x":"2018-05-24 10:53:37","y":"0"},{"x":"2018-05-24 10:53:45","y":"0"},{"x":"2018-05-24 10:54:40","y":"0"},{"x":"2018-05-24 10:54:51","y":"0"},{"x":"2018-05-24 10:54:52","y":"0"},{"x":"2018-05-24 10:54:56","y":"0"},{"x":"2018-05-24 10:54:59","y":"0"},{"x":"2018-05-24 10:55:00","y":"0"},{"x":"2018-05-24 10:55:05","y":"0"},{"x":"2018-05-24 10:55:24","y":"0"},{"x":"2018-05-24 10:55:24","y":"0"},{"x":"2018-05-24 10:55:30","y":"0"},{"x":"2018-05-24 10:55:46","y":"0"},{"x":"2018-05-24 10:55:48","y":"0"},{"x":"2018-05-24 10:56:24","y":"34"},{"x":"2018-05-24 10:57:24","y":"55"},{"x":"2018-05-24 10:58:04","y":"0"},{"x":"2018-05-24 10:58:44","y":"0"},{"x":"2018-05-24 10:58:45","y":"0"},{"x":"2018-05-24 10:58:56","y":"0"},{"x":"2018-05-24 10:58:56","y":"0"},{"x":"2018-05-24 10:59:24","y":"0"},{"x":"2018-05-24 10:59:57","y":"3"},{"x":"2018-05-24 11:00:04","y":"0"},{"x":"2018-05-24 11:00:06","y":"0"},{"x":"2018-05-24 11:00:08","y":"0"},{"x":"2018-05-24 11:00:44","y":"0"},{"x":"2018-05-24 11:03:12","y":"0"},{"x":"2018-05-24 11:03:13","y":"0"},{"x":"2018-05-24 11:03:44","y":"0"},{"x":"2018-05-24 11:03:55","y":"0"},{"x":"2018-05-24 11:03:59","y":"0"},{"x":"2018-05-24 11:03:59","y":"0"},{"x":"2018-05-24 11:04:09","y":"0"},{"x":"2018-05-24 11:04:11","y":"0"},{"x":"2018-05-24 11:04:39","y":"0"},{"x":"2018-05-24 11:04:39","y":"0"},{"x":"2018-05-24 11:04:57","y":"0"},{"x":"2018-05-24 11:05:06","y":"0"},{"x":"2018-05-24...