score:7

Accepted answer

I found a highcharts forum topic related to rotating the pie chart to better distribute labels in this sort of case, but it involves modifying the source to find the following line and change the cumulative reference to zero:

cumulative = -0.25, // start at top

One option that is not optimal but might work is to rotate the data labels a few degrees so that they don't overlap, like so:

{
    plotOptions : {
        pie : {
            dataLabels : {
                rotation : 15
            }
        }
    }
}

score:0

I also come across the same issue. I fixed the issue with below code.

plotOptions : {
    pie : {
        dataLabels : {
            whiteSpace: 'nowrap', 
            overflow: 'hidden',
            textOverflow: 'ellipsis'
        }
    }
}

score:9

There is a new option in Highcharts to set the startAngle of the pie chart. You can use the startAngle to arrange all the small slices on the right side of the chart, allowing more of the labels to fit.

series: [{
    startAngle: 90
}]

JSFiddle demo here: http://jsfiddle.net/highcharts/dK9CD/


Related Query

More Query from same tag