As you can see this is simple bar-graph that shows data by month. Soon I’ll release other graph to complete this package (daily, and hourly graph).
Also I will release one universal graph that plots any given data. Stay tuned for more…
HOW TO SETUP

* Download Archive
* Extract files to some remote or local directory
* Include agGraph.css file in your page

  <link rel="stylesheet" type="text/css" media="screen" href="agGraph.css" />
 

* Download and include prototype.js file in your page
* Include graphM.prototype.js file in your page

<script type='text/javascript' src='prototype.js'></script>
<script type='text/javascript' src='graphM.prototype.js'></script>
  

Define destination DIV, and write note title and text

  <script type='text/javascript'>

	var graph1={
		divID:'resultDiv1',
		ShowNote:'yes',
		NoteTitle:'Note',
		NoteText:'Little note about this graph goes here...'
	}

	var graph2={
		divID:'resultDiv2',
		ShowNote:'yes',
		NoteTitle:'Note',
		NoteText:'Now with multiple graphs  '
	}
</script>
 

* Add onclick=”draw();” to some element

<input type="button" value="Generate Graph" id="startButton" onclick="draw();" />
 

Demo: http://dragan.yourtree.org/code/ajax-mgraph/
Download: http://dragan.yourtree.org/code/ajax-mgraph/ajax-MGraph-v096.zip
Source: http://dragan.yourtree.org/code/ajax-mgraph/

Related Listings:

1. AjaxMGraph Script For now it has few limitations (only positive numbers, only...
2. Script.aculo.us 1.7 beta Script script.aculo.us 1.7 beta 1 is out now (see below!)—and the...
3. AJAX Poller Script Configuration PHP and mySql required This script requires that you...
4. CSS Vertical Bar Graphs Here’s a fairly typical vertical bar graph showing a hypothetical...
5. jQuery Gradient Plugin Adds a dynamically created configurable gradient to the background of...

Do you like this post?

Email: