Pie Chart: Dynamic Connector

Default connectors on Highcharts Pie Chart

HTML

<script type="text/javascript" src="https://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="https://code.highcharts.com/highcharts-more.js"></script>
<div id="donutchart"></div>

JavaScript

$(function () {
    $(document).ready(function () {
        var chart = null;				
        var categories = ['Body Fat', 'Lean Mass'],
            name = 'Body Fat vs. Lean Mass',
            data = [{
                y: 5,
                color: '#fff',
                drilldown: {
                    name: '', 
                    color: '#ccc'
                }
            }, {
                y: 70,
                color: '#23A303',
                drilldown: {
                    name: 'Lean Mass',
                    color: '#23A303'
                }
            }];


        // Build the data array
        var browserData = [];
        for (var i = 0; i < data.length; i++) {

            // add browser data
            browserData.push({
                name: categories[i],
                y: data[i].y,
                color: data[i].color
            });

        }

        // Create the chart
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'donutchart',
                type: 'pie',
                spacingTop: 0
            },
            title: {
                text: '',
                style: {"color": '#7d7d7d'}
            },
            series: [{
                name: 'Weight',
                data: browserData,
                dataLabels: {
                	style: {
	                    fontFamily: 'ArialMT',
	                    fontSize: '15px',
	                    fontWeight: 'bold',
	                    color: '#7d7d7d'
	                }
            	},
                innerSize: '93%'
            }],
            tooltip: {
                //valueSuffix: ' lbs'
            },
            plotOptions: {
                series: {
                    cursor: 'pointer'
                }
            }
        });
    });
});