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, #chartdiv2 { 25 width: 50%; 26 height: 100%; 27 float: left; 28 position: relative; 29 } 30 </style> 31 32 <script type="text/javascript"> 33 var chart = AmCharts.makeChart( "chartdiv", { 34 "type": "pie", 35 "dataProvider": [ { 36 "country": "Czech Republic", 37 "litres": 156.9 38 }, { 39 "country": "Ireland", 40 "litres": 131.1 41 }, { 42 "country": "Germany", 43 "litres": 115.8 44 }, { 45 "country": "Australia", 46 "litres": 109.9 47 }, { 48 "country": "Austria", 49 "litres": 108.3 50 }, { 51 "country": "UK", 52 "litres": 65 53 }, { 54 "country": "Belgium", 55 "litres": 50 56 } ], 57 "titleField": "country", 58 "valueField": "litres", 59 "balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>", 60 "innerRadius": "30%", 61 "labelsEnabled": false, 62 "export": { 63 "enabled": true, 64 "libs": { 65 "path": "../libs/" 66 } 67 } 68 } ); 69 70 var chart2 = AmCharts.makeChart( "chartdiv2", { 71 "type": "pie", 72 "pathToImages": "http://www.amcharts.com/lib/3/images/", 73 "dataProvider": [ { 74 "country": "Czech Republic", 75 "litres": 20 76 }, { 77 "country": "Ireland", 78 "litres": 30 79 }, { 80 "country": "Germany", 81 "litres": 15 82 }, { 83 "country": "Australia", 84 "litres": 10 85 } ], 86 "titleField": "country", 87 "valueField": "litres", 88 "balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>", 89 "innerRadius": "30%", 90 "labelsEnabled": false, 91 "export": { 92 "enabled": true 93 } 94 } ); 95 </script> 96 </head> 97 <body> 98 <div id="chartdiv"></div> 99 <div id="chartdiv2"></div> 100 </body> 101</html>