JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="legend"></div>
<div id='container' style='width: 2000px; height: 550px; margin: 0 auto'></div>

JavaScript

var chart;
$(document).ready(function () {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            defaultSeriesType: 'line',
            marginRight: 50,
            marginBottom: 175,
            events: {
                load: function () {
                    var chart = this;
                    $(chart.series).each(function (i, serie) {
                        $('<li style="color: ' + serie.color + '">' + serie.name + '</li>').click(function () {
                            serie.visible ? serie.hide() : serie.show();
                        }).appendTo('#legend');
                    });
                }
            }
        },
        credits: {
            enabled: false
        },
        title: {
            text: '',
            x: -20 //center
        },
        xAxis: {
            min: 0,
            categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '50', '51', '52', '53', '54', '55', '56', '57', '58', '59', '60', '61', '62', '63', '64', '65', '66', '67', '68', '69', '70', '71', '72', '73', '74', '75', '76', '77', '78', '79', '80', ],
            labels: {
                rotation: 90,
                step: 3
            }
        },
        yAxis: {
            reversed: true,
            allowDecimals: false,
            showFirstLabel: false,
            showLastLabel: false,
            min: 0,
            max: 18,
            tickInterval: 1,
            gridLineWidth: 0,
            title: {
                text: 'Position'
            },
            plotLines: [{
                value: 0,
                width: 0,
                color: '#808080'
            }]
        },
        tooltip: {
            formatter: function () {
                return...