Line Graph script - Web Design Forum Graphic Design Site Templates Flash CSS Discussions

JavaScriptBank · #1 12-14-2009, 01:01 AM

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 detail at JavaScriptBank.com - 2.000+ free JavaScript codes

Demo: JavaScript Line Graph script

How to setup

Step 1: Place JavaScript below in your HEAD section
JavaScript

Code:

<script type="text/javascript" src="wz_jsgraphics.js"></script>
<script type="text/javascript" src="line.js"></script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Step 2: Copy & Paste HTML code below in your BODY section
HTML

Code:

<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>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Step 3: Download files below
Files
line.js
wz_jsgraphics.js

JavaScript Line Graph script - JavaScript Virtual Keyboard - JavaScript Horizontal Slider

Meltonmist · #2 01-19-2010, 09:13 AM

DHTML / CSS based line graph script allows you to represent line graphs using only DHTML and CSS. DHTML / CSS based line graph script allows you to represent line graphs using only DHTML and CSS. Unlike an applet based solution, this loads fast and blends in with the rest of the page. You can even use a transparent background for it.

Alaskaryan · #3 01-30-2010, 05:10 AM

This PHP script provides a very easy way to embed dynamically generated line graphs and charts into PHP applications and HTML web pages. The graphing software is very easy to use and it's perfectly possible to add professional quality real time graphing to web pages and applications within minutes.