summaryrefslogtreecommitdiff
path: root/external/ZendFramework-1.9.5/externals/dojo/demos/fonts/charts.html
blob: 2b83d4586cfae0a9acab0807fa87a2ac2bed707f (plain)
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>Nice Pie Charts.  Courtesy of SitePen.</title>
		<link rel="stylesheet" href="demo.css">
		<script type="text/javascript" src="../../dojo/dojo.js" charset="utf-8"></script>
		<script type="text/javascript">
			dojo.require("demos.fonts.src");
			dojo.require("demos.fonts.src.charts");
		</script>
	</head>
	<body id="charts">
		<h1>Pie charts with custom labeling</h1>
		<p>
			One the best uses for vector fonts are for things like creating charts using a custom labeling system.  For the charts below,
			we use a Eurostyle-based font with fitting to show data in a much more compelling way than with most pie charts.
		</p>
		<div id="container">	
			<div id="pie1"></div>
			<div id="label1" class="label">DojoX consumes toolkit</div>
			<div id="pie2"></div>
			<div id="label2" class="label">People working hard</div>
			<div id="pie3"></div>
			<div id="label3" class="label">Mostly harmless</div>
		</div>
	</body>
</html>