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="width: 800px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {

    var colors = Highcharts.getOptions().colors,
        categories = ['Regio 1', 'regio 2', 'Regio 3', 'Regio 4', 'Regio 5', 'Regio 6', 'Regio 7', 'Regio 8', 'Regio 9', 'Regio 10', 'Regio 11', 'Regio 12', 'Regio 13', 'Regio 14', 'Regio 15', 'Regio 16', 'Regio 17', 'Regio 18', 'Regio 19', 'Regio 20', 'Regio 21', 'Regio 22', 'Regio 23'],
        name = 'Regio',
        data = [

        {
            y: 14.6,
            color: colors[0],
            drilldown: {
                name: 'Regio 1',
                categories: ['A', 'B', 'C', 'D', 'E', 'F'],
                data: [3.47, 1.24, 0.74, 1.73, 1.98, 5.45],
                color: colors[0]
            }
        },

        {
            y: 3.96,
            color: colors[1],
            drilldown: {
                name: 'Regio 2',
                categories: ['A', 'B', 'C', 'D'],
                data: [0.25, 1.73, 0.5, 1.49],
                color: colors[1]
            }
        },

        {
            y: 5.2,
            color: colors[2],
            drilldown: {
                name: 'Regio 3',
                categories: ['A', 'B', 'C', 'D', 'E'],
                data: [0.5, 0.74, 0.99, 1.24, 1.73],
                color: colors[2]
            }
        },

        {
            y: 3.22,
            color: colors[3],
            drilldown: {
                name: 'Regio 4',
                categories: ['A', 'B', 'C', 'D'],
                data: [0.25, 1.49, 0.5, 0.99],
                color: colors[3]
            }
        },

        {
            y: 8.66,
            color: colors[4],
            drilldown: {
                name: 'Regio 5',
                categories: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
                data: [0.25, 0.25, 4.95, 0.25, 0.25, 2.48, 0.25],
                color: colors[4]
            }
        },

        {
            y: 0.99,
            color: colors[5],
            drilldown: {
                name: 'Regio 6',
                categories: ['A',...