Donut Graph

10 Populous Countries
ColorDataValuePercentage
China1360MM32.95%
India1235MM29.92%
USA316MM7.66%
Indonesia237MM5.74%
Brazil201MM4.87%
Pakistan184MM4.46%
Nigeria173MM4.19%
Bangladesh152MM3.68%
Russia143MM3.46%
Japan127MM3.08%






*To make donutgraph*

>link css file (donut-graph.css) in head section of your html file.

>Add Div with any id in body of html.set margin(position) of div according to your pagehere it is "donut-wrapper"

>Add Google hosted Jquery File and plugin file in Body tag

>Add plugin options to div

Require Plugin Options

*This options are necessary to plot graph.Table will be generated by plugin itself*

donutdata:Data You can see(China,india,USA in above image).

donutvalue:Data You can see (1360MM,1235MM in above image).

donutcolor:color of every donut piece

label :"10 Populous Countries" as shown in image

Advanced Plugin Options

*This options are additional functionality for plugin.You can use it if you wish.*

donutradius:The more radius the less size of pie graph.default is 4

lineWidth:Width of a stroke line.default is 60

canvasSize:size of canvas.default is 450px

Use of full functionality is seen in below pic.