JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<div id="container" style="min-width: 600px; height: 400px; margin: 0 auto" align="right"></div>

JavaScript

var colors = Highcharts.getOptions().colors;

chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'column'

    },
   
    xAxis: {
        categories: ["CCD Oberon Mall","CCD Gold S",
                     "Barista Coffee Shop Indra Nagar",
                     "Dominos Pizza Delhi MG Road"],
        title: {
            enabled: true,
            margin: 15
        },
        labels: {
            rotation: -90,
            align: 'right',
            style: {
                fontSize: '13px',
                fontFamily: 'Verdana, sans-serif'
            }
        }
    },
    scrollbar: {
        enabled: true
    },
    yAxis: [{
        title: {
            text: 'Age Count'
        },
        stackLabels: {
            enabled: true,
            style: {
                fontWeight: 'bold',
                color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
            }
        }
    }, { // Secondary yAxis
        title: {
            text: 'Gender Count'
        },
        stackLabels: {
            enabled: true,
            style: {
                fontWeight: 'bold',
                color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
            }
        },
        opposite: true
    }],
    legend: {
        align: 'center',
        //x: -100,
        verticalAlign: 'top',
        //y: 20,
        floating: true,
        backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white',
        borderColor: '#CCC',
        borderWidth: 1,
        shadow: false
    },
    tooltip: {
        formatter: function () {
            return '<b>' + this.x + '</b><br/>' + this.series.name + ': ' + this.y + '<br/>'; //+
            //'Total: '+ this.point.stackTotal;
        }
    },
    plotOptions: {
        column: {
            stacking: 'normal',
            point: {
                events: {
                    click: function () {
                       ...