JSFiddle - React, Tailwind, and code Playground

by NesterOne

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        "chart": {
            "zoomType": "xy",
            "type": "pie"
        },
        "credits": {
            "enabled": false
        },
        "title": {
            "text": null
        },
        "tooltip": {
            "valueDecimals": 2
        },
        "xAxis": {
            "categories": []
        },
        "plotOptions": {
            "pie": {
                "slicedOffset": 0,
                "shadow": true
            }
        },
        "series": [{
            "type": "pie",
            "name": "F",
            "data": [
                ["BC, Canada", 46968.30999999992],
                ["DF, Mexico", 42799.09999999994],
                ["Guerrero, Mexico", 24289.830000000027],
                ["Jalisco, Mexico", 2558.1100000000038],
                ["Veracruz, Mexico", 29496.00999999999],
                ["Yucatan, Mexico", 43472.55999999987],
                ["Zacatecas, Mexico", 91497.14000000003],
                ["CA, USA", 72971.68000000028],
                ["OR, USA", 62039.649999999696],
                ["WA, USA", 133393.57000000053]
            ],
            "center": ["10.269848349687779%", "31.65188470066519%"],
            "size": "15.611061552185548%",
            "showInLegend": true,
            "dataLabels": {
                "enabled": false
            },
            "title": {
                "text": "F<br>Store Sales",
                "verticalAlign": "top",
                "y": -40
            }
        }, {
            "type": "pie",
            "name": "M",
            "data": [
                ["BC, Canada", 51077.14999999986],
                ["DF, Mexico", 52727.2999999998],
                ["Guerrero, Mexico", 24800.199999999983],
                ["Jalisco, Mexico", 1770.7600000000014],
                ["Veracruz, Mexico", 22646.059999999994],
                ["Yucatan, Mexico", 35590.56999999993],
                ["Zacatecas, Mexico", 58645.95000000002],
 ...