Pie chart with different fill percentage

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.

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.

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".

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}

}

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

来源：https://stackoverflow.com/questions/13064324/pie-chart-with-different-fill-percentage

标签

php

pie-chart