Pie-Chart/example.html at master · samirscode/Pie-Chart · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
	<title>Raphael Pie Chart Example</title>
	<!-- ______________________________________________JS SCRIPTS________________________________________________-->
		<script type="text/javascript" src="lib/underscore-min.js"></script>
		<SCRIPT TYPE="text/javascript" src="lib/raphael-min.js"></SCRIPT>
		<SCRIPT TYPE="text/javascript" src="lib/jquery.min.js"></SCRIPT>
		<SCRIPT TYPE="text/javascript" src="pieChart.js"></SCRIPT>
</head>
<body>

	<SCRIPT TYPE="text/javascript">
		/* Parameters:
		  -> Center point (x,y)
		  -> Chart width
		  -> Chart Height
		  -> Radious of the chart
		  -> Percentages of each section Total SUM = 100
		  -> Color of each section
		  -> Type "Full" for full circle "Half" for half circle

			drawPie(targetDiv,x,y,chartWidth,chartHeight,radious,percentages,colors,type);
		*/

		$(document).ready(function () {
			drawPie('chartHolder',200,200, 400,700,100,Array(50,40,10),Array('blue','yellow','green'),'full');
		});

	</SCRIPT>

	<!-- Chart Holder div you can call it any thing -->
	<div id="chartHolder"></div>

</body>
</html>