JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        "chart":{
		"zoomType":"xy", 
		"renderTo":"container"
	}, 
	"title":{
		"text":null
	}, 
	"subtitle":{
		"text":"text"
	}, 
	"xAxis":{
		"min": - 14, 
		"max":25, 
		"title":{
			"text":"text"
		}, 
		"tickPositions":[ - 14, - 10, - 5, 0, 5, 10, 15, 20, 25], 
		"plotLines":[{
			"color":"#C0D0E0", 
			"width":1, 
			"value": - 14}]
	}, 
	"yAxis":{
		"title":{
			"text":"text"
		}, 
		"min":0, 
		"max":967
	}, 
	"plotOptions":{
		"series":{
			"marker":{
				"enabled":true
			}
		}
	}, 
	"tooltip":{
		"shared":false, 
		"useHTML":true, 
		"formatter":null, 
		"style":{
			"border":"none !important", 
			"padding":"0px", 
			"font-size":"1em"
		}
	}, 
	"series":[{
			"type":"line", 
			"name":"s1", 
			"zIndex":20, 
			"data":[
				{"x": - 14, "y":560.944, "marker":{"symbol":"circle"}}, 
				{"x":15.333, "y":0, "marker":{"symbol":"circle"}}
            ]
        },{
            "type":"line", 
            "name":"s2",
            "zIndex":19, 
            "data":[
                {"x": - 14, "y":5.848, "marker":{"symbol":"circle"}}, 
                {"x":25, "y":5.848, "marker":{"symbol":"circle"}}
            ]
        },{
            "type":"scatter", 
            "name":"s3", 
            "zIndex":10, 
            "data":[
                {"x":0.8, "y":266.667, "marker":{"symbol":"circle"}}, 
                {"x":2.513, "y":242.857, "marker":{"symbol":"circle"}}, 
                {"x":1.675, "y":253.571, "marker":{"symbol":"circle"}}
            ]
        },{
            "type":"scatter", 
            "name":"s4", 
            "zIndex":9, 
            "data":[
                {"x":13.263, "y":35.119, "marker":{"symbol":"diamond"}}, 
                {"x":16.989, "y":13.021, "marker":{"symbol":"diamond"}}, 
                {"x":16.2, "y":9.375, "marker":{"symbol":"diamond"}}
            ]
        }, {
            "type":"scatter", 
            "name":"s5", 
            "zIndex":30, 
           ...