score:1

You need to adjust the distance property of the datalabels options, however in 3d mode this isn't always successful as demonstrated here: http://jsfiddle.net/robschmuecker/69Mxj/

But if you sacrifice the 3D angle you can get them in the middle : http://jsfiddle.net/robschmuecker/99SFQ/ (without any 3d options) http://jsfiddle.net/robschmuecker/69Mxj/1/ (with 3d alpha:10)

    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            depth: 35,
            dataLabels: {
                distance: -30,
                enabled: true,
                format: '{point.name}'
            }
        }
    },

score:1

Indeed it looks like a bug with the distance parameter, so I reported it to our developers here


Related Articles