score:2

Accepted answer

there is no direct possibility to create multiple datalabels. as you can see on this post, a solution would be to create two overlaying charts. see jsfiddle here :

        $(function () {
            // create the chart
            $('#container').highcharts({
                chart: {
                    type: 'pie',
                    backgroundcolor: 'rgba(0,0,0,0)',
                    y:100

                },
                title: {
                    text: 'sfs '
                },
                yaxis: {
                    title: {
                        text: ' '
                    }
                },
                plotoptions: {
                    pie: {
//                        y:1,
                        shadow: false,
//                        center: ['50%', '50%'],
                        borderwidth: 0,
                        showinlegend: false,
                        size: '80%',
                        innersize: '60%'
                      ,

                        data: [
                            ['allo', 18],
                            ['asdad', 14],
                            ['asdad', 11],
                            ['asdasd', 10],
                            ['adad', 8],
                            ['asdada', 7],
                            ['adada ada', 7],
                            ['adad', 5],
                            ['asdas',7],
                            ['ada', 3]

                        ]
                    }
                },
                tooltip: {
                    valuesuffix: '%'
                },
                series: [
                    {
                        type: 'pie',
                        name: 'browser share',

                        datalabels: {
                            color:'white',
                            distance: -20,
                            formatter: function () {
                                if(this.percentage!=0)  return math.round(this.percentage)  + '%';

                            }
                        }
                    },
                    {
                        type: 'pie',
                        name: 'browser share',

                        datalabels: {
                            connectorcolor: 'grey',
                            color:'black',
//                            y:-10,
                            softconnector: false,
                            connectorwidth:1,
                            verticalalign:'top',
                            distance: 20,
                            formatter: function () {
                                if(this.percentage!=0)  return this.point.name;

                            }
                        }
                    }
                ]
            });
        });

Related Query

More Query from same tag