JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

(async () => {
        const { default: Highcharts } =
            await import('https://code.highcharts.com/es-modules/masters/highcharts.src.js');
        await import('https://code.highcharts.com/es-modules/masters/highcharts-more.src.js');
        await import('https://code.highcharts.com/es-modules/masters/modules/drilldown.src.js');

        Highcharts.chart('container', {
            chart: {
                type: 'columnrange',
                inverted: false
            },
            title: {
                text: ''
            },
            subtitle: {
                text: '7'
            },
            xAxis: {
                type: 'category',
                labels: {
                    rotation: 0,
                    y: -110,
                    style: {
                        color: '#111',
                        fontSize: '.85rem',
                    }
                }
            },
            yAxis: {
                plotLines: [{
                    color: '#ffff',
                    width: 30,
                    value: 0,
                    zIndex: 5
                }]
            },
            plotOptions: {
                columnrange: {
                    dataLabels: {
                        enabled: true,
                        format: '{y}'
                    }
                }
            },
            legend: {
                enabled: true,
                align: 'left'
            }, credits: {
                enabled: false
            },
            exporting: {
                enabled: false
            },



            series: [{
                data: [{
                    low: -34,
                    high: 39,
                    drilldown: 'marketrisk1'
                }, {
                    low: -36,
                    high: 36,
                    drilldown: 'creditqualityrisk1'
                }, {
                    low: -33,
                    high: 40,
                    drilldown:...