JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

$(function () {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            xAxis: {
                categories: [
                    'x',
                    'y',
                    'z',
                    'k'
                ]
            },
            yAxis: {
                min: 0
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
            series: [{
                id: '1A',
                name: '1A',
                data: [49.9, 71.5, 106.4, 129.2]
    
            }, {
                id: '1B',
                name: '1B',
                data: [83.6, 78.8, 98.5, 93.4]
    
            }, {
                linkedTo: '1A',
                name: '2A',
                data: [48.9, 38.8, 39.3, 41.4]
    
            }, {
                linkedTo: '1B',
                name: '2B',
                data: [42.4, 33.2, 34.5, 39.7]
    
            }]
        });
    });