JSFiddle - React, Tailwind, and code Playground

by ck1llc

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

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

JavaScript

$(function () {
    $('#container').highcharts({
    		legend: {
            maxHeight: 60
        },
        xAxis: {
		categories:[
                "12:00", "13:00", "14:00", "15:00", "16:00", "17:00", "18:00", "19:00", "20:00", "21:00", "22:00", "23:00", "00:00", "01:00", "02:00", "03:00", "04:00", "05:00", "06:00", "07:00", "08:00", "09:00", "10:00", "11:00"
            ]
        },
        series:[
		{"name":"GB0021_AVIANCA _ L9302:Total Number of Downlink EGPRS MCS1 RLC Data Blocks(P)","color":"#369cd8","data":[4616.0000000,7105.0000000,5356.0000000,18393.0000000,6476.0000000,3594.0000000,9061.0000000,5337.0000000,8121.0000000,4121.0000000,3742.0000000,899.0000000]},
		{"name":"GB0022_AVIANCA _ L9302:Total Number of Downlink EGPRS MCS1 RLC Data Blocks(P)","color":"#cf7a37","data":[5041.0000000,4913.0000000,3788.0000000,6401.0000000,8723.0000000,7216.0000000,7482.0000000,6645.0000000,4424.0000000,3090.0000000,1642.0000000,937.0000000]},
		{"name":"GB0022_AVIANCA _ L9303:Total Number of Downlink EGPRS MCS2 RLC Data Blocks(P)","color":"#9a53e4","data":[3923.0000000,3924.0000000,5082.0000000,3891.0000000,3653.0000000,10899.0000000,8582.0000000,9372.0000000,10152.0000000,3373.0000000,1722.0000000,2016.0000000]},
		{"name":"GB0024_AVIANCA _ L9302:Total Number of Downlink EGPRS MCS1 RLC Data Blocks(P)","color":"#60b2df","data":[2518.0000000,1709.0000000,859.0000000,734.0000000,1165.0000000,846.0000000,752.0000000,2795.0000000,805.0000000,359.0000000,460.0000000,201.0000000]},
		{"name":"GB0024_AVIANCA _ L9303:Total Number of Downlink EGPRS MCS2 RLC Data Blocks(P)","color":"#b7e042","data":[3034.0000000,1145.0000000,1446.0000000,1404.0000000,426.0000000,1064.0000000,648.0000000,4389.0000000,1793.0000000,1704.0000000,597.0000000,189.0000000]},
		{"name":"GB0023_AVIANCA _ L9302:Total Number of Downlink EGPRS MCS1 RLC Data...