How to display the labels outside the pie chart in jqplot?

Question

Jqplot has the chart like following

enter image description here

my question is how to display the labels outside a jqplot chart like the following high chart,

enter image description here

high chart is available at here fiddle

hight charts

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

How to achieve displaying labels outside the chart with lines in jqplot?

i dont understand your question? what is your need? the jsfiddle works as your image? — Nouphal.M, Jan 30 '14 at 05:03
@Nouphal.M how to display the labels in jqplot outside of the chart? its my question. — Pandiyan Cool, Jan 30 '14 at 05:04
the jsfiddle that you provided already draws such a chart. Do you want to know how this is achieved? — Nouphal.M, Jan 30 '14 at 05:09
@Nouphal.M that high chart, i would like to done it in jqplot — Pandiyan Cool, Jan 30 '14 at 05:12
http://jsfiddle.net/dewRD/ dataLabelPositionFactor, i couldn't find any built in line drawing options. i think that you have to manually draw. Will inform if any progress — Nouphal.M, Jan 30 '14 at 05:55

score 3 · Answer 1 · edited Jan 08 '19 at 00:27

dataLabelPositionFactor controls position of label on slice. Increasing will slide label toward edge of pie, decreasing will slide label toward center of pie.

dataLabelPositionFactor : 1.2,

default dataLabelThreshold value is 3, hence values <=3 are not displayed hence make it to 0

dataLabelThreshold : 0

 $(document).ready(function(){
  var data = [
    ['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], 
    ['Out of home', 16],['Commuting', 7], ['Orientation', 9]
  ];
  var plot1 = jQuery.jqplot ('chart1', [data], 
    { 
      seriesDefaults: {
        // Make this a pie chart.
        renderer: jQuery.jqplot.PieRenderer, 
        rendererOptions: {
          // Put data labels on the pie slices.
          // By default, labels show the percentage of the slice.
          showDataLabels: true, 
         //dataLabelPositionFactor controls position of label on slice.  Increasing will slide label toward edge of pie, decreasing will slide label toward center of pie.
         dataLabelPositionFactor : 1.2,
         // default dataLabelThreshold  value is 3,  hence values <=3 are not displayed hence make it to 0
         dataLabelThreshold : 0
        }
      }, 
      legend: { show:true, location: 'e' }
    }
  );
});

added image result of the pie after settings. – Nap Jan 08 '19 at 00:43 — Nap, Jan 08 '19 at 00:43

score 0 · Answer 2 · edited Jul 22 '20 at 13:43

0

I used the following settings to place the legend outside the pie chart and it worked for me:

legend: {show: true, location: 'ne',placement: 'outside'},

edited Jul 22 '20 at 13:43

xKobalt

1,498
2
13
19

answered Feb 10 '15 at 10:02

JVS

11
1

score -1 · Answer 3 · answered May 27 '15 at 13:46

-1

I think what you're looking for is this page.

Check out the info under the dataLabels subheading.

answered May 27 '15 at 13:46

Joe

1

3

Could you please elaborate more your answer adding a little more description about the solution you provide? – abarisone May 27 '15 at 13:50

How to display the labels outside the pie chart in jqplot?

3 Answers3

Linked