score:9

Accepted answer

thanks to help from sebastian and pawel on the highcharts support forum the slice animation is disabled via the "slicedoffset: 0" setting:

$(function () {
  var chart = new highcharts.chart({
    chart: {
      renderto: 'container',
      type: 'pie'
    },        
    plotoptions: {
      series: {
        allowpointselect: true,
        slicedoffset: 0,
        states: {
            select: {
                color: '#666'
            }
        }
    }
},

series: [{
    data: [['jan', 29.9], ['feb', 71.5], ['mar', 106.4], ['apr', 129.2], ['may', 144.0], ['jun', 176.0], ['jul', 135.6], ['aug', 148.5], ['sep', 216.4], ['oct', 194.1], ['nov', 95.6], ['dec', 54.4]]        
    }]
  });
});​

see working example

score:0

basically, you want that whenever you click on pie chart the slice you clicked should not go out. so do this simply:

allowpointselect: false,

it will stop that slice to go out & no need to set any slicedoffset here is an jsfiddle


Related Query

More Query from same tag