Sha256: 5ff443aefaf9bb9090675eba93178e0614f69b42c7dd28335097e435624e0799
Contents?: true
Size: 1.54 KB
Versions: 6
Compression:
Stored size: 1.54 KB
Contents
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>amCharts Data Loader Example</title>
<link rel="stylesheet" href="http://www.amcharts.com/lib/3/ammap.css" type="text/css">
<script src="http://www.amcharts.com/lib/3/ammap.js"></script>
<script src="http://www.amcharts.com/lib/3/maps/js/usaLow.js"></script>
<script src="../dataloader.min.js"></script>
<style>
body, html {
font-family: Verdana;
font-size: 12px;
}
#chartdiv {
width: 100%;
height: 500px;
}
</style>
<script>
/**
* We will use Data Loader's function to load data "externally"
* then create a map when it's loaded
*/
AmCharts.loadFile( "data/map_areas.json", {}, function( areas ) {
// now that we loaded our areas, let's create the map
var map = AmCharts.makeChart( "chartdiv", {
"type": "map",
"colorSteps": 10,
"dataProvider": {
"map": "usaLow",
"areas": AmCharts.parseJSON( areas )
},
"areasSettings": {
"autoZoom": true
},
"valueLegend": {
"right": 10,
"minValue": "little",
"maxValue": "a lot!"
}
} );
} );
</script>
</head>
<body>
<div id="chartdiv"></div>
</body>
</html>
Version data entries
6 entries across 2 versions & 1 rubygems