Subversion Repositories php-qbpwcf

Rev

Rev 23 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
23 liveuser 1 
<html>
2 
    <head>
3 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
4 
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
5 
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 
 
7 
		<!-- AmCharts includes -->
8 
		<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
9 
		<script src="http://www.amcharts.com/lib/3/pie.js"></script>
10 
 
11 
		<!-- Export plugin includes and styles -->
12 
		<script src="../export.js"></script>
13 
		<link  type="text/css" href="../export.css" rel="stylesheet">
14 
 
15 
		<style>
16 
			body, html {
17 
				height: 100%;
18 
				padding: 0;
19 
				margin: 0;
20 
				overflow: hidden;
21 
				font-size: 11px;
22 
				font-family: Verdana;
23 
			}
24 
			#chartdiv, #chartdiv2 {
25 
				width: 50%;
26 
				height: 100%;
27 
				float: left;
28 
				position: relative;
29 
			}
30 
		</style>
31 
 
32 
		<script type="text/javascript">
33 
			var chart = AmCharts.makeChart( "chartdiv", {
34 
				"type": "pie",
35 
				"dataProvider": [ {
36 
					"country": "Czech Republic",
37 
					"litres": 156.9
38 
				}, {
39 
					"country": "Ireland",
40 
					"litres": 131.1
41 
				}, {
42 
					"country": "Germany",
43 
					"litres": 115.8
44 
				}, {
45 
					"country": "Australia",
46 
					"litres": 109.9
47 
				}, {
48 
					"country": "Austria",
49 
					"litres": 108.3
50 
				}, {
51 
					"country": "UK",
52 
					"litres": 65
53 
				}, {
54 
					"country": "Belgium",
55 
					"litres": 50
56 
				} ],
57 
				"titleField": "country",
58 
				"valueField": "litres",
59 
				"balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
60 
				"innerRadius": "30%",
61 
				"labelsEnabled": false,
62 
				"export": {
63 
					"enabled": true,
64 
					"libs": {
65 
						"path": "../libs/"
66 
					}
67 
				}
68 
			} );
69 
 
70 
			var chart2 = AmCharts.makeChart( "chartdiv2", {
71 
				"type": "pie",
72 
				"pathToImages": "http://www.amcharts.com/lib/3/images/",
73 
				"dataProvider": [ {
74 
					"country": "Czech Republic",
75 
					"litres": 20
76 
				}, {
77 
					"country": "Ireland",
78 
					"litres": 30
79 
				}, {
80 
					"country": "Germany",
81 
					"litres": 15
82 
				}, {
83 
					"country": "Australia",
84 
					"litres": 10
85 
				} ],
86 
				"titleField": "country",
87 
				"valueField": "litres",
88 
				"balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
89 
				"innerRadius": "30%",
90 
				"labelsEnabled": false,
91 
				"export": {
92 
					"enabled": true
93 
				}
94 
			} );
95 
		</script>
96 
	</head>
97 
	<body>
98 
		<div id="chartdiv"></div>
99 
		<div id="chartdiv2"></div>
100 
	</body>
101 
</html>