JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="https://rawgithub.com/youngmd/highcharts-errorbar/master/highcharts-errorbar.js"></script>

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

JavaScript

var chart;
$(function () {
    $('#container').highcharts({
        chart: {
            zoomType: 'xy'
        },
        title: {
            text: 'X only Errorbars'
        },
        

        series: [{
            name: 'Data',
            type: 'scatter',
            data: [[49.9, 71.5], [106.4, 129.2], [144.0, 176.0], [135.6, 148.5], [216.4, 194.1], [95.6, 54.4]]
            
        },{
            name: 'DataErrors',
            type: 'error_bar',
            format: 'x',
            data: [[49.9, 71.5, 40, 55, 65, 79], [106.4, 129.2, 100, 120, 120, 140], [144.0, 176.0, 135,155, 172,190], [135.6, 148.5, 130, 140, 140, 160], [216.4, 194.1, 200, 230, 190, 200], [95.6, 54.4, 90, 100, 50, 60]]
            
        }
                ]
    });
});