Color | Data | Value | Percentage |
---|---|---|---|
China | 1360MM | 32.95% | |
India | 1235MM | 29.92% | |
USA | 316MM | 7.66% | |
Indonesia | 237MM | 5.74% | |
Brazil | 201MM | 4.87% | |
Pakistan | 184MM | 4.46% | |
Nigeria | 173MM | 4.19% | |
Bangladesh | 152MM | 3.68% | |
Russia | 143MM | 3.46% | |
Japan | 127MM | 3.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.