JSFiddle - React, Tailwind, and code Playground

by tomexx

HTML

<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script src="http://code.highcharts.com/highcharts.src.js"></script>



<div id="container" style="height: 300px; width: 300px"></div>

JavaScript

$(function () {
    
        // Create the chart
        $('#container').highcharts({
            title: '',
             credits: {
                enabled: false
            },
            chart: {
                type: 'pie'
            },
            plotOptions: {
                pie: {
                    shadow: false,
                    center: ['50%', '50%'],
                    states: {
                    	hover: {
                        	enabled: false
                        }
                    },
                    dataLabels: false,
                    animation: false,
                    borderWidth: 0,
                    enableMouseTracking: false
                }
            },
            tooltip: {
        	    valueSuffix: '%'
            },
            series: [{
                data: [],
                size: '40%'
            }, {
                data: [
                    { y: 25, color: '#3e3e3e' },
                    { y: 35, color: '#c3c3c3' }
                ],
                size: '100%',
                innerSize: '70%'
                
            }, {
                data: [
                    { y: 25, color: '#3e3e3e' },
                    { y: 35, color: '#efefef' }
                ],
                size: '100%',
                innerSize: '85%'
            }]
        });
    });