JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'area'
        },
       
        series: [{
            name: 'USA',
            data: [{
            x: 1,
            y: 7.5,
            name: "MUHC: Monday, Jan 1, 19:17",
            color: "#72bb53"
        }, {
            x: 2,
            y: 6,
            name: "MUHC: Tuesday, Jan 2, 8:53",
            color: "#72bb53"
        }, {
            x: 3,
            y: 6.2,
            name: "MUHC: Wednesday, Jan 3, 19:17",
            color: "#72bb53"
        }, {
            x: 4,
            y: 10.5,
            name: "SMHC: Thursday, Jan 4, 2:04",
            color: "#8b51f5"
        }, {
            x: 4.5,
            y: 4.5,
            name: "CHUM: Thursday, Jan 4, 19:30",
            color: "#037aff"
        }, {
            x: 5,
            y: 6,
            name: "CHUM: Friday, Jan 5, 9:30",
            color: "#037aff"
        }, {
            x: 5.5,
            y: 6.5,
            name: "SMHC: Friday, Jan 5, 16:06",
            color: "#8b51f5"
        }]
        }]
    });
});