JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

var chart = new Highcharts.Chart({
   
	"chart": {
     renderTo: 'container',
		"ignoreHiddenSeries": false,
		"plotBorderWidth": 0.1,
		"spacing": 16,
		"style": {
			"fontFamily": "Roboto, arial, sans-serif",
			"fontSize": 12,
			"backgroundColor": "#ffffff",
			"plotBorderWidth": 0.1
		}
	},
	"colors": ["#007ab4",
	"#e85600",
	"#961d9c",
	"#598100",
	"#004f71",
	"#c90a5a",
	"#54c2ec",
	"#8bc309",
	"#db72e0",
	"#d9ce1a",
	"#249f33",
	"#6f51a1",
	"#42b9ff",
	"#ffeb3b",
	"#6ce07a",
	"#9c27b0"],
	"title": {
		"text": " "
	},
	"credits": {
		"enabled": false
	},
	"exporting": {
		"enabled": false
	},
	"legend": {
		"enabled": true,
		"borderWidth": 0,
		"itemWidth": 200,
		"maxHeight": 100,
		"shadow": false,
		"itemStyle": {
			"color": "#545454",
			"width": 200,
			"fontWeight": "normal"
		}
	},
	"tooltip": {
		"shadow": false,
		"backgroundColor": "#ffffff",
		"borderColor": "#545454",
		formatter: function() {return this.series.name+ ':' + this.x + ':' +this.y;},
		"useHTML": true
	},
	"xAxis": [
  {
		"tickInterval": 1,
   // "min": 4,
		"lineColor": "#797979",
		"startOnTick": true,
		"labels": {
			"rotation": 0,
			"enabled": true,      
		}, 
    //max: 10,
		"categories": ["Avg. Inv",
		"Avg. Inv-CON",
		"Avg. Inv.($)",
		"Avg. Inv.($)-CON",
		"DOS-CON",
		"Proj. Overstocks-CON",
		"Proj. OOS %-CON",
		"Resource Cost-CON",
		"Transportation Cost-CON",
		"DOS",
		"Fill Rate",
		"In Stock %",
		"In Stock %-CON",
		"Inv. Turns",
		"Inv. Turns-CON",
		"Lead Time",
		"No. of Replenishments",
		"Proj. Overstocks",
		"Proj. OOS",
		"Resource Cost",
		"Service Level",
		"Service Level-CON",
		"Transportation Cost"],
    //labels: {
                //step: 1,
                //formatter: function () {
                    //return this.value.replace(/ /g, '<br />');
                //}
          //  },
            
            scrollbar: {
       enabled: true
   },
	}],
	"yAxis": [{
		"lineColor": "#797979",
		"lineWidth": 1,
		"stackLabels": {
			"enabled":...