RSS

JavaScript Diagram

February 13, 2009

Javascript

JS charts är ett imponerande javascript som låter dig skapa tårbitsdiagram, stapeldiagram och linjediagram bara genom att använda javascript. Den är så pass enkel att använda att man knappt behöver koda någonting över huvud taget! Man behöver heller inte använda sig av serverscriptspråk för att skapa bilderna.

Exempel på användning:

<script type="text/javascript" src="jscharts.js"></script>

<div id="chartcontainer">denna div ska ersättas med javascript</div>
<script type="text/javascript">
   var myChart = new JSChart('chartcontainer', 'bar');
   myChart.setDataXML('data.xml');
   myChart.draw();
</script>

data.xml:
<?xml version="1.0"?>
<JSChart>
	<dataset type="line">
		<data unit="10" value="20"/>
		<data unit="15" value="10"/>
		<data unit="20" value="30"/>
		<data unit="25" value="10"/>
		<data unit="30" value="5"/>
	</dataset>
</JSChart>

home_ex_1 home_ex_2 home_ex_3

Lite udda licens bara då man får maila och be Jumpeye Components om editerbara källkoden trots att man får använda den komprimerade versionen gratis.

Demo: http://www.jscharts.com/examples
Ladda ner: http://www.jscharts.com/free-download