JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

$(function () {
            var firstSeries = '65,91,43,33,20,8,4,2';
            var xAxis = 'Pune,Hyderabad,Chennai,Banglore,London,Richmond,Indiana,Teaneck';
            var region = new Array();
            var seriesOne = new Array();
            seriesOne = firstSeries.split(',');
            for (var i = 0; i < seriesOne.length; i++) {
                seriesOne[i] = parseInt(seriesOne[i]);
            }
            var seriesTwo = new Array();
            seriesTwo = xAxis.split(',');
            for (var i = 0; i < seriesTwo.length; i++) {
                region = region + seriesTwo[i];
            }
            var _MyArray = seriesOne;
            var _MyArray2 = seriesTwo;
            var name = Array();
            var data = Array();
            var dataArrayFinal = Array();
            for (i = 0; i < _MyArray2.length; i++) {
                name[i] = _MyArray2[i];
                data[i] = _MyArray[i];
            }
            for (j = 0; j < name.length; j++) {
                if ((name[j] != "") && (name[j] != null)) {
                    var temp = new Array(name[j], data[j]);
                    dataArrayFinal[j] = temp;
                }
            }
            $('#container').highcharts({
                chart: {
                    plotBackgroundColor: null,
                    plotBorderWidth: null,
                    plotShadow: false,
                    type: 'pie'
                },
                title: {
                    text: 'User hits by Region'
                },
                tooltip: {
                    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: true,
                        cursor: 'pointer',
                        dataLabels: {
                            enabled: true,
                            format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                          ...