JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    
        var colors = Highcharts.getOptions().colors,
            categories = ["Africa-Europe(11 Projects)","America(15 Projects)","Asia-Pacific(1 Projects)","Mid East(1 Projects)","NA(0 Projects)","Regional(0 Projects)","Unknown(0 Projects)","Various(0 Projects)"] ,
            name = 'ASA AREA',
            data = [{
                    y: 55.11,
                    color: colors[0],
                    drilldown: {
                        name: 'Africa-Europe(11 Projects)',                        
                        categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'],
                        data: [[10.85, 7.35],
                                [33.06, 2.81],
                               [33.06, 2.81],
                               [33.06, 2.81]                               
                              ],
                        color: colors[0],
                        type: 'columnrange'
                        
                    }
                }, {
                    y: 21.63,
                    color: colors[1],
                    drilldown: {
                        name: 'Firefox versions',
                        categories: ['Firefox 2.0', 'Firefox 3.0', 'Firefox 3.5', 'Firefox 3.6', 'Firefox 4.0'],
                        data: [0.20, 0.83, 1.58, 13.12, 5.43],
                        color: colors[1]
                    }
                }, {
                    y: 11.94,
                    color: colors[2],
                    drilldown: {
                        name: 'Chrome versions',
                        categories: ['Chrome 5.0', 'Chrome 6.0', 'Chrome 7.0', 'Chrome 8.0', 'Chrome 9.0',
                            'Chrome 10.0', 'Chrome 11.0', 'Chrome 12.0'],
                        data: [0.12, 0.19, 0.12, 0.36, 0.32, 9.91, 0.50, 0.22],
                        color: colors[2]
                    }
                }, {
                    y: 7.15,
                    color: colors[3],
         ...