Automatic Graphs
Draw graphs of your information the easy way.
You've seen how it can look - here's the code. As usual, copy all the code and drop it into the <body> of your page where you need it.
<script language="JavaScript1.2"> //Grapher (Use absolute values - not percentages) //Displays in percentage terms // var barimage="bar.gif" //DEFINE GRAPH VALUES [Item name, absolute value] var barsx=new Array() barsx[0]=["Guides",76] barsx[1]=["Reviews",64] barsx[2]=["Humour",26] barsx[3]=["JavaScripts",83] function barit(g,gwidth){ total=0 for (i=0;i<g.length;i++) total+=parseInt(g[i][1]) output='<table border="0" cellspacing="0" cellpadding="0" class="body">' for (i=0;i<g.length;i++){ calpercentage=Math.round(g[i][1]*100/total) calwidth=Math.round(gwidth*(calpercentage/100)) output+='<tr><td>'+g[i][0]+' </td><td><img src="'+barimage+'" width="'+calwidth+'" height="8"> '+calpercentage+'%</td></tr>' } output+='</table>' document.write(output+'<br>Total participants: <b>'+total+'</b>') } //Call barit to draw the graph's bars //barit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS) barit(barsx,220) </script>
That's all there is to it.
