title: Highcharts: Placement of data labels in the middle of sections of Pie Chart
body: <p>I want the data labels of the pie chart to be displayed in the middle of the sections irrespective of:</p>
  
  <ol>
  <li>Whether the section has been sliced or not</li>
  <li>Whether the size attribute in plotOptions has been mentioned or not</li>
  </ol>
  
  <p><strong>Solution 1</strong></p>
  
  <p>For this, I tried using distance attribute of plotOptions. I got the radius from series[0].points[0].shapeArgs.r in load() event of chart. And then use following:</p>
  
  <pre><code>series[0].update({
      dataLabels: {
          distance: -(radius/2)
      }
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/k94x958d/2/" rel="nofollow">http://jsfiddle.net/k94x958d/2/</a></p>
  
  <p>But this poses two problem: Pie Chart Loading Animation is lost and if any section is sliced, data Labels are not placed correctly</p>
  
  <p><a href="http://jsfiddle.net/k94x958d/3/" rel="nofollow">http://jsfiddle.net/k94x958d/3/</a></p>
  
  <p><strong>Solution 2</strong></p>
  
  <p>To resolve animation issue, I tried using above logic to get distance and then setting it in series[0].options.dataLabels in overridden drawDataLabels() method of Highcharts Library. But it did not work.</p>
  
  <p>Is there any way I can achieve placement of data labels in middle of pie sections irrespective of size, slicing etc?</p>