title: How to place data labels out side the donut chart with lines using jqplot?
body: <p>If the area is very small then the labels are getting overlapped in the donut chart.
  How to place the data labels outside the donut chart with lines.
  Currently I am able to draw the labels inside the chart. Find the sample code from here: </p>
  
  <pre><code>$(document).ready(function(){
    var s1 = [['a',6], ['b',8], ['c',14], ['d',20]];
  
    var plot3 = $.jqplot('chart4', [s1], {
      seriesDefaults: {
        // make this a donut chart.
        renderer:$.jqplot.DonutRenderer,
        rendererOptions:{
          // Donut's can be cut into slices like pies.
          sliceMargin: 3,
          // Pies and donuts can start at any arbitrary angle.
          startAngle: -90,
          showDataLabels: true,
          // By default, data labels show the percentage of the donut/pie.
          // You can show the data 'value' or data 'label' instead.
          dataLabels: 'value'
        }
      }
    });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Aaradhana/9gXc3/" rel="nofollow noreferrer">fiddle</a></p>
  
  <p>This is my expected output:</p>
  
  <p><img src="https://i.stack.imgur.com/zmVPc.png" alt="enter image description here"></p>
  
  <p>Helps much appreciated</p>