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="bands" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
<div id="modes" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
        Highcharts.setOptions({
        lang: {
            thousandsSep: '',
        }
    });
    var chart,
        chart2;
    $(document).ready(function() {
       
       // Radialize the colors
      Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function(color) {
          return {
              radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
              stops: [
                  [0, color],
                  [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
              ]
          };
      });
      
      // Build the chart
        chart = new Highcharts.Chart({
				credits: {
            enabled: false
        },
            chart: {
                renderTo: 'bands',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
                text: 'QSOs per Bands details'
            },
            tooltip: {
               pointFormat: '{series.name}:<b> {point.y} ({point.percentage:.1f}%) </b>',
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        color: '#000000',
                        connectorColor: '#000000',
                        formatter: function() {
                            return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
                        }
                    }
                }
            },
            series: [{
                type: 'pie',
                name: 'QSOs',
                data: [
                    ['Firefox',   45.0],
                    ['Others',   0.7]
                ]
            }]
        });
        
        chart2 = new Highcharts.Chart({
						credits: {
            enabled: false
        },
            chart: {
                renderTo:...