JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

function map(value){
    return {
        name: 'series ' + value,
        data: [
            [Date.UTC(2010, 0, 1), 29.9],
            [Date.UTC(2010, 0, 2), 71.5],
            [Date.UTC(2010, 0, 3), 106.4],
            [Date.UTC(2010, 0, 6), 129.2],
            [Date.UTC(2010, 0, 7), 144.0],
            [Date.UTC(2010, 0, 8), 176.0]
        ]
    }
}

var series = "ABCDEFGHIJKLMNOPQRSTUV";
    
series = series.split('').map(map);

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },

    xAxis: {
        type: 'datetime'
    },
    
    legend: {
        width: 400,
        maxHeight: 40
    },
    series: series

});