Display text inside pie chart

Question

I have pie chart. I'm using angular2-highcharts library

title : { text : 'simple chart' },
        series: [{
            data: [29.9, 71.5, 106.4, 129],
        }],
        chart: {
            type: 'pie'
        }

On hover it displays values.

But I want them to be displayed inside that piece. like this

How can I achieve this?

example is here

score 2 · Accepted Answer · answered Mar 13 '17 at 08:15

Add plotOptions in highcharts

plotOptions: {
        pie: {
            dataLabels: {
                enabled: true,
                formatter: function() {
                    return this.y;
                },
                distance: -30,
                color:'white'
            }
        }
    },

plunker demo

Display text inside pie chart

1 Answers1