FF1+ IE5+ Opr7+
Line Graph script
Author:
Balamurugan S |
Homepage
Description: This is a purely DHTML/ CSS based Line 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: Pie 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="line.js"> <!-- Line Graph script-By Balamurugan S http://www.sbmkpm.com/ //--> <!-- Script featured/ available at Dynamic Drive code: http://www.dynamicdrive.com //--> </script> <div id="lineCanvas" style="overflow: auto; position:relative;height:300px;width:400px;"></div> <script type="text/javascript"> var g = new line_graph(); g.add('1', 145); g.add('2', 0); g.add('3', 175); g.add('4', 130); g.add('5', 150); g.add('6', 175); g.add('7', 205); g.add('8', 125); g.add('9', 125); g.add('10', 135); g.add('11', 125); g.render("lineCanvas", "Line 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!