1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3
4  <head>
5    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7    <title>amCharts Responsive Example</title>
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    <script src="../responsive.min.js"></script>
11    <style>
12    body, html {
13        height: 100%;
14        padding: 0;
15        margin: 0;
16    }
17    </style>
18    <script>
19      var chart = AmCharts.makeChart("chartdiv", {
20          "type": "radar",
21          "dataProvider": [{
22            "country": "Czech Republic",
23            "litres": 156.9
24          }, {
25            "country": "Ireland",
26            "litres": 131.1
27          }, {
28            "country": "Germany",
29            "litres": 115.8
30          }, {
31            "country": "Australia",
32            "litres": 109.9
33          }, {
34            "country": "Austria",
35            "litres": 108.3
36          }, {
37            "country": "UK",
38            "litres": 99
39          }],
40          "categoryField": "country",
41          "startDuration": 2,
42          "valueAxes": [{
43            "axisAlpha": 0.15,
44            "minimum": 0,
45            "dashLength": 3,
46            "axisTitleOffset": 20,
47            "gridCount": 5
48          }],
49          "graphs": [{
50            "valueField": "litres",
51            "title": "Litres",
52            "bullet": "round",
53            "balloonText": "[[value]] litres of beer per year"
54          }],
55          "legend": {},
56          "responsive": {
57            "enabled": true
58          }
59      });
60    </script>
61  </head>
62
63  <body>
64    <div id="chartdiv" style="width: 100%; height: 100%;"></div>
65  </body>
66
67</html>