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>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="P_ComposerPart0_Chart1_Container" style="width:100%;height:100%;">Loading...</div>

JavaScript

var AMS = {};
AMS.Chart3 = {};

AMS.Chart3.ColorEffect_radial = function(color) { var oColor = Highcharts.Color(color); 
        return {
            radialGradient: {cx: 0.5, cy: 0.5, r: 0.9 },
            stops: [
                [0, color],
                [0.5, color],
                [0.55, oColor.brighten(-0.3).get('rgb')]
            ]
        };
    };

$(function () {

      
Highcharts.setOptions({"lang":{"months":["Januar","Februar","M\u00E4rz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],"shortMonths":["Jan","Feb","Mrz","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],"weekdays":["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],"rangeSelectorFrom":"From:","rangeSelectorTo":"To:","thousandsSep":""}});

    var chartP_ComposerPart0_Chart1Colors = ['#bde6fc','#61bdf2'];
    var chartP_ComposerPart0_Chart1Setup = {
        chart: {"type":"pie","alignTicks":false,"renderTo":"P_ComposerPart0_Chart1_Container","amsClientID":"P_ComposerPart0_Chart1"} ,
        credits: {
	    	enabled: false
	    },
        colors: Highcharts.map(chartP_ComposerPart0_Chart1Colors, AMS.Chart3.ColorEffect_radial),
        title: {"text":null,"style":{"fontFamily":"Arial, Helvetica, Sans Serif","fontSize":"13px","fontWeight":"bold","color":"#222222"}},
        "legend":{"enabled":true},"exporting":{"buttons":{"contextButton":{"enabled":false},"exportButton":{"enabled":false},"printButton":{"enabled":false}}},"tooltip":{"valueDecimals":2},
        xAxis: { "labels":{"style":{"fontFamily":"Arial, Helvetica, Sans Serif","fontSize":"11px","color":"#222222"}},"title":{"text":null,"style":{}},"categories":["Asset Category 1","Asset Category 2"] },
        yAxis: {"title":{"text":null,"style":{}},"minPadding":0,"maxPadding":0,"labels":{"format":"{value:,.0f}","style":{"fontFamily":"Arial, Helvetica, Sans Serif","fontSize":"11px","color":"#222222"}},"plotLines":[{"value":0,"width":1,"color":"black","zIndex":4}]},
     ...