Pie chart with different fill percentage

Question

I want to ask something about jquery pie plots or pie charts. I want to make piechart/wheel where the fill percentage on each slice is not 100% like this one:

http://i1191.photobucket.com/albums/z462/rikides/a.png

I already made the basic pie chart using GD pie chart but I dont really have any idea on how to do it or where to start configuring. Can someone help me please? Im stuck on this problem for 1 week now and I have tried googling about this but I can not find any similar tutorials.

EDIT: I also tried using JP Graph but what I have made so far is only the basic pie chart, please let me know if its possible using JP Graph. Thank you.

Answer 1

Unfortunately, Highcharts, Google Chart Tools, wijmo and RGraph do not support individual diameters for each slice. Let me know if somebody knows about an API with that capability.

EDIT: But if you are already familiar with GD and have created a basic pie, you probably just have to change the $width parameter for each slice in method imagefilledarc.

Answer 2

Like you I search something like that.

I am using http://www.highcharts.com/demo/pie-donut and I divide the outside parts in 2, the "filled value" and the "non filled value".

Answer 3

There is option in google charts for this. You have option to explode slices separately like this:

slices: {  
     1: {offset: 0.2},
     3: {offset: 0.3}                  
  }

and if you put offset to negative values it will look like this: pie chart

code for this looks something like:

slices: {  
 1: {offset: -0.3}                  

}

Answer 4

If you have exp in jquery, then i suggest you to go for Highcharts a jquery based charts.