JSFiddle - React, Tailwind, and code Playground

by Lars Holm Jensen

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    series: [
    //{
    //    name: 'UpperLimit',
    //    color: '#FF0000',
    //    dashStyle: 'ShortDash',
    //    showInLegend: false,
    //    data: [
    //        [1, 100], 
    //        [10, 100]
    //    ]
    //},
    {
        name: 'S1',
        //color: '#FF0000',
        data: [
            [1, 29.9], 
            [2, 71.5], 
            [3, 106.4]
        ]
    },{
        name: 'S2',
        //color: '#FF0000',
        data: [
            [3, 60.9], 
            [4, 40.5],
            [5, 90.0], 
            [6, 80.4]
        ]
    },{
        name: 'S3',
        //color: '#FF0000',
        data: [
            [5, 30.9], 
            [6, 60.5],
            [7, 70.0], 
            [8, 20.4]
        ]
    },{
        name: 'S4',
        //color: '#FF0000',
        data: [
            [7, 40.9], 
            [8, 50.5],
            [9, 30.0], 
            [10, 40.4]
        ]
    }]
});