Highcharts Pic Chart Demo

Highcharts Pic Chart Demo

by santosh_patnala

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({
       
        plotOptions: {
            pie: {
                dataLabels: {
                    //enabled: true,
                    distance: -50,
                    style: {
                        fontWeight: 'bold',
                        color: 'white',
                        textShadow: '0px 1px 2px black'
                    }
                },
                startAngle: -90,
                endAngle: 90,
                center: ['50%', '75%']
            }
        },
        series: [{
            type: 'pie',
            name: 'My text tool tip',
            innerSize: '50%',
            data: [
                ['My text 01', 10.38],
                ['My text 02', 50.33],
                ['My text 03', 24.03],
                 ]
        }]
    });
});