title: How to avoid overlapping of dataLabels in highchart pie chart?
body: <p>I am using highcharts for rendering pie chart,</p>
  
  <p>when series data is small/less, dataLabels are overlapping.</p>
  
  <p>Link to reproduced problem.</p>
  
  <p><a href="http://jsfiddle.net/venkatesh1453/nwg2rdze/1/" rel="nofollow">http://jsfiddle.net/venkatesh1453/nwg2rdze/1/</a> </p>
  
  <pre><code> plotOptions: {
          pie: {
              dataLabels: {
                  distance : function(){
                      return (-30 - (this.series.index *3));
                  }
              }
          }
      },
  </code></pre>
  
  <p>I tried this code, but it moves all labels to right-top corner.</p>
  
  <p>Please provide solution/workaround for avoiding labels overlapping. </p>