JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" style="height: 400px; min-width: 600px"></div>

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

JavaScript

$(document).ready(function() {
    var chart1 = new Highcharts.StockChart({
        chart : {
            renderTo : 'container',
            height : 350
        },

        rangeSelector : {
            enabled : false
        },

        title : {
            text : 'Example of flag drawing bug - zoom and scroll to shove flags off the zoom window',
            align : 'left',
            style : {
                color : '#717571',
                fontSize : '10px',
                fontWeight : 'bold'
            }
        },
        
        xAxis : {
            gridLineColor : '#efefef',
            gridLineWidth : 1
        },

        yAxis : [{
                gridLineColor : '#efefef',
                min : 0,
                reversed : true,
                showFirstLabel : false,
                labels : {
                        formatter : function() {
                            return this.value + ' ms';
                        }
                    },
                offset : 50,
                top : 140,
                height : 100
            },
         ],

        series : [
        {
            name : 'Series 3',
             data : ...