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>