Highcharts Demo

author(s): Torstein Hønsi

by prathik

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

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

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'pie'
    },

    title: {
        text: 'Pie data label distance'
    },

    plotOptions: {
        pie: {
            dataLabels: {
                distance: -30,
                formatter: function () { return Math.round(this.percentage) + '%';},
                allowOverlap: false
            },
            label:{enabled: true}
        }
    },

    series: [{
        data: [
            ['Firefox',   44.2],
            ['IE7',       26.6],
            ['IE6',       20],
            ['Safari',       1],
            {
                name: 'Chrome',
                y: 3.1,
                
            },
            ['Other',    5.4]
        ],
        /*dataLabels: {
                distance: -30,
                format: this.y
            }*/
    }]
});