FF1+ IE5+ Opr7+
Pie Graph script
Author:
Balamurugan S |
Homepage
Description: This is a purely DHTML/ CSS based Pie Graph script. It loads fast and blends in with the rest of the page. You can even use a transparent background for it!
See also: Line Graph script.
Demo:
Directions:
Simply insert the below code where you wish the pie graph to appear:
<!-- graph code begins here--> <script type="text/javascript" src="wz_jsgraphics.js"></script> <script type="text/javascript" src="pie.js"> <!-- Pie Graph script-By Balamurugan S http://www.sbmkpm.com/ //--> <!-- Script featured/ available at Dynamic Drive code: http://www.dynamicdrive.com //--> </script> <div id="pieCanvas" style="overflow: auto; position:relative;height:350px;width:380px;"></div> <script type="text/javascript"> var p = new pie(); p.add("Jan",100); p.add("Feb",200); p.add("Mar",150); p.add("Apr",120); p.add("May",315); p.add("Jun",415); p.add("Jul",315); p.render("pieCanvas", "Pie Graph") </script> <!-- graph code ends here-->
The script references two external JavaScripts, which you need to download here (by right clicking file, and selecting "Save As"):
As you can see, simply enter arbitrary data into the graph using absolute values, and the script creates a pie graph using them!