title: set Pie chart labels exact in center of Slices of PIE highcharts
body: <p>i am using <code>highcharts</code> in one of my project. <code>Highcharts JQuery</code> version is being used and below is the reference:</p>
  
  <pre><code>http://code.highcharts.com/highcharts.js
  </code></pre>
  
  <p>Code used to draw chart is as below:</p>
  
  <pre><code>$(function () {
      var chart = new Highcharts.Chart({
          chart: {
              renderTo: 'container',
              type:'pie'
          },
          xAxis: {
              categories: ['Jan', 'Feb', 'Mar', 'Apr']
          },
  
          plotOptions: {
              series: {
                  dataLabels: {
                      enabled: true,
                      formatter: function() {
                          return Math.floor(this.percentage*100)/100 + ' %';
                      },
                      distance: 20,
                      connectorWidth : 0,
                      color: 'rgb(0, 127, 209)'
                  }
              }
          },
  
          series: [{
              data: [29.9, 71.5, 106.4, 129.2,29.9, 71.5, 106.4, 
                    129.2,29.9, 71.5, 106.4, 129.2]        
          }]
      });
  });
  </code></pre>
  
  <p>The problem here i am facing that Slice labels are running here and there. I want all labels exact in center of each slice.</p>
  
  <p>JS Fiddle link for demo is <a href="http://jsfiddle.net/uhydP/313/" rel="nofollow">PIE Chart JSFiddle</a></p>