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>