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 <link rel="stylesheet" href="http://www.amcharts.com/lib/3/ammap.css" type="text/css"> 9 <script src="http://www.amcharts.com/lib/3/ammap.js"></script> 10 <script src="http://www.amcharts.com/lib/3/maps/js/usaLow.js"></script> 11 <script src="../dataloader.min.js"></script> 12 <style> 13 body, html { 14 font-family: Verdana; 15 font-size: 12px; 16 } 17 #chartdiv { 18 width: 100%; 19 height: 500px; 20 } 21 </style> 22 <script> 23 var map = AmCharts.makeChart( "chartdiv", { 24 type: "map", 25 "dataLoader": { 26 "url": "data/map.json", 27 "showErrors": false 28 }, 29 "colorSteps": 10, 30 "areasSettings": { 31 "autoZoom": true 32 }, 33 "smallMap": {}, 34 "valueLegend": { 35 "right": 10, 36 "minValue": "little", 37 "maxValue": "a lot!" 38 } 39 } ); 40 </script> 41 </head> 42 43 <body> 44 <div id="chartdiv"></div> 45 </body> 46 47</html>