JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.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

var data =[
{x:214.0744,	 y: 42.8,	 color: '#000000',	 name: ''}, 
{x:218.894,	 y: 173,	 color: '#000000',	 name: ''}, 
{x:227.141,	 y: 85.7,	 color: '#ff0000',	 name: ''}, 
{x:228.1892,	 y: 70.4,	 color: '#000000',	 name: ''}, 
{x:239.2281,	 y: 73.6,	 color: '#ff0000',	 name: ''}, 
{x:260.2725,	 y: 207.9,	 color: '#0000ff',	 name: ''}, 
{x:279.3306,	 y: 36.7,	 color: '#000000',	 name: ''}, 
{x:288.3444,	 y: 391.8,	 color: '#0000ff',	 name: ''}, 
{x:289.4207,	 y: 118,	 color: '#0000ff',	 name: ''}, 
{x:290.6708,	 y: 130.8,	 color: '#ff0000',	 name: ''}, 
{x:297.3205,	 y: 165,	 color: '#00ff00',	 name: ''}, 
{x:306.3935,	 y: 188.9,	 color: '#0000ff',	 name: ''}, 
{x:311.2987,	 y: 36.6,	 color: '#000000',	 name: ''}, 
{x:312.9968,	 y: 42.9,	 color: '#000000',	 name: ''}, 
{x:314.3536,	 y: 55.1,	 color: '#000000',	 name: ''}, 
{x:327.1104,	 y: 121.7,	 color: '#000000',	 name: ''}, 
{x:329.2919,	 y: 39.6,	 color: '#000000',	 name: ''}, 
{x:331.3957,	 y: 298.6,	 color: '#000000',	 name: ''}, 
{x:332.3036,	 y: 216.5,	 color: '#000000',	 name: ''}, 
{x:333.2838,	 y: 63.3,	 color: '#000000',	 name: ''}, 
{x:338.0618,	 y: 24.6,	 color: '#000000',	 name: ''}, 
{x:345.175,	 y: 52,	 color: '#000000',	 name: ''}, 
{x:355.125,	 y: 43.1,	 color: '#ff0000',	 name: ''}, 
{x:359.2816,	 y: 241.1,	 color: '#000000',	 name: ''}, 
{x:361.4249,	 y: 52.1,	 color: '#0000ff',	 name: ''}, 
{x:365.4191,	 y: 159.5,	 color: '#0000ff',	 name: ''}, 
{x:367.1782,	 y: 131.9,	 color: '#000000',	 name: ''}, 
{x:376.0632,	 y: 55.2,	 color: '#000000',	 name: ''}, 
{x:376.874,	 y: 81.6,	 color: '#00ff00',	 name: ''}, 
{x:380.3683,	 y: 52,	 color: '#000000',	 name: ''}, 
{x:381.4219,	 y: 49,	 color: '#0000ff',	 name: ''}, 
{x:387.1089,	 y: 33.6,	 color: '#ff0000',	 name: ''}, 
{x:402.4692,	 y: 562.3,	 color: '#00ff00',	 name: ''}, 
{x:403.5311,	 y: 30.5,	 color: '#ff0000',	 name: ''}, 
{x:406.2823,	 y: 226.3,	 color: '#0000ff',	 name: ''}, 
{x:409.164,	 y: 89.8,	 color: '#ff0000',	 name: ''},...