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 Data Loader Example</title> 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 <script src="../dataloader.min.js"></script> 11 <style> 12 body, html { 13 font-family: Verdana; 14 font-size: 12px; 15 } 16 #chartdiv { 17 width: 100%; 18 height: 500px; 19 } 20 </style> 21 <script> 22 AmCharts.makeChart("chartdiv", { 23 "type": "pie", 24 "dataLoader": { 25 "url": "data/pie.json", 26 "showCurtain": false 27 }, 28 "titleField": "country", 29 "valueField": "litres", 30 "balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>", 31 "innerRadius": "30%", 32 "legend": { 33 "align": "center", 34 "markerType": "circle" 35 } 36 }); 37 </script> 38</head> 39 40<body> 41 <div id="chartdiv"></div> 42</body> 43 44</html>