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>