JSFiddle - React, Tailwind, and code Playground

HTML

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

<div id="container"></div>

CSS

#container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;

}

JavaScript

$(function () {
        // Create the chart
        $('#container').highcharts({
            chart: {
                type: 'pie'
            },
            plotOptions: {
                pie: {
                    shadow: false,
                    center: ['50%', '50%']
                }
            },
            series: [{
                name: 'Browsers',
                data: [100],
                size: '60%',
                dataLabels: {
                    color: 'black',
                    distance: -30
                }
            }, {
                name: 'Versions',
                data:  [ 0.12, 0.37, 1.65],
                size: '80%',
                innerSize: '60%',
                dataLabels: {
                    enabled: false
                }
            }]
        });
    });