Question

I would like to generate a pie chart using jqplot. My code is the following http://jsfiddle.net/larsenmtl/dFgGj/

As you can see, labels are activated but, when the percentage is too low, label can not be rendered.

My goal is to have something like that, with label linked to the pie by a little stroke: http://www.statmethods.net/graphs/images/pie2.jpg

Answer 1

Two parts to your question:

1.) How to move the labels to the outside of their wedge?

jqPlot has an option for this: dataLabelPositionFactor

   rendererOptions: {
        showDataLabels: true,
        dataLabels: myLabels,
        dataLabelPositionFactor: 1.2,
        sliceMargin: 4,
        fill: false
    }

Fiddle here.

2.) How do I draw a little arrow from wedge to moved label?

I see no built in way to do this. You could draw it yourself in the canvas. If I can find some time tonight/tomorrow, I’ll be back.