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/radar.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": "radar",
33				"dataProvider": [ {
34					"country": "Czech Republic",
35					"litres": 156.9,
36					"litres2": 182.1
37				}, {
38					"country": "Ireland",
39					"litres": 131.1,
40					"litres2": 129.2
41				}, {
42					"country": "Germany",
43					"litres": 115.8,
44					"litres2": 170.9
45				}, {
46					"country": "Australia",
47					"litres": 109.9,
48					"litres2": 120.1
49				}, {
50					"country": "Austria",
51					"litres": 108.3,
52					"litres2": 93.8
53				}, {
54					"country": "UK",
55					"litres": 99,
56					"litres2": 102
57				} ],
58				"categoryField": "country",
59				"startDuration": 2,
60				"valueAxes": [ {
61					"axisAlpha": 0.15,
62					"minimum": 0,
63					"dashLength": 3,
64					"axisTitleOffset": 20,
65					"gridCount": 5
66				} ],
67				"graphs": [ {
68					"valueField": "litres",
69					"title": "Litres (2014)",
70					"bullet": "round",
71					"lineThickness": 2,
72					"balloonText": "[[value]] litres of beer per year"
73				}, {
74					"valueField": "litres2",
75					"title": "Litres (2015)",
76					"bullet": "round",
77					"lineThickness": 2,
78					"balloonText": "[[value]] litres of beer per year"
79				} ],
80				"legend": {
81					"align": "center"
82				},
83				"export": {
84					"enabled": true
85				}
86			} );
87		</script>
88	</head>
89	<body>
90		<div id="chartdiv"></div>
91	</body>
92</html>