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 {
25			width: 100%;
26			height: 100%;
27		}
28		</style>
29
30		<script type="text/javascript">
31			var chart = AmCharts.makeChart( "chartdiv", {
32				"type": "pie",
33				"dataProvider": [ {
34					"country": "Czech Republic",
35					"litres": 156.9
36				}, {
37					"country": "Ireland",
38					"litres": 131.1
39				}, {
40					"country": "Germany",
41					"litres": 115.8
42				}, {
43					"country": "Australia",
44					"litres": 109.9
45				}, {
46					"country": "Austria",
47					"litres": 108.3
48				}, {
49					"country": "UK",
50					"litres": 65
51				}, {
52					"country": "Belgium",
53					"litres": 50
54				} ],
55				"titleField": "country",
56				"valueField": "litres",
57				"balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
58				"innerRadius": "30%",
59				"legend": {
60					"position": "right",
61					"markerType": "circle"
62				},
63				"export": {
64					"enabled": true
65				}
66			} );
67		</script>
68	</head>
69	<body>
70		<div id="chartdiv"></div>
71	</body>
72</html>