198 lines
5.4 KiB
HTML
198 lines
5.4 KiB
HTML
|
<!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 Responsive 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="../responsive.min.js"></script>
|
||
|
|
<style>
|
||
|
|
body, html {
|
||
|
|
height: 100%;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script>
|
||
|
|
var map = AmCharts.makeChart("chartdiv", {
|
||
|
|
type: "map",
|
||
|
|
"colorSteps": 10,
|
||
|
|
"dataProvider": {
|
||
|
|
"map": "usaLow",
|
||
|
|
"areas": [{
|
||
|
|
"id": "US-AL",
|
||
|
|
"value": 4447100
|
||
|
|
}, {
|
||
|
|
"id": "US-AK",
|
||
|
|
"value": 626932
|
||
|
|
}, {
|
||
|
|
"id": "US-AZ",
|
||
|
|
"value": 5130632
|
||
|
|
}, {
|
||
|
|
"id": "US-AR",
|
||
|
|
"value": 2673400
|
||
|
|
}, {
|
||
|
|
"id": "US-CA",
|
||
|
|
"value": 33871648
|
||
|
|
}, {
|
||
|
|
"id": "US-CO",
|
||
|
|
"value": 4301261
|
||
|
|
}, {
|
||
|
|
"id": "US-CT",
|
||
|
|
"value": 3405565
|
||
|
|
}, {
|
||
|
|
"id": "US-DE",
|
||
|
|
"value": 783600
|
||
|
|
}, {
|
||
|
|
"id": "US-FL",
|
||
|
|
"value": 15982378
|
||
|
|
}, {
|
||
|
|
"id": "US-GA",
|
||
|
|
"value": 8186453
|
||
|
|
}, {
|
||
|
|
"id": "US-HI",
|
||
|
|
"value": 1211537
|
||
|
|
}, {
|
||
|
|
"id": "US-ID",
|
||
|
|
"value": 1293953
|
||
|
|
}, {
|
||
|
|
"id": "US-IL",
|
||
|
|
"value": 12419293
|
||
|
|
}, {
|
||
|
|
"id": "US-IN",
|
||
|
|
"value": 6080485
|
||
|
|
}, {
|
||
|
|
"id": "US-IA",
|
||
|
|
"value": 2926324
|
||
|
|
}, {
|
||
|
|
"id": "US-KS",
|
||
|
|
"value": 2688418
|
||
|
|
}, {
|
||
|
|
"id": "US-KY",
|
||
|
|
"value": 4041769
|
||
|
|
}, {
|
||
|
|
"id": "US-LA",
|
||
|
|
"value": 4468976
|
||
|
|
}, {
|
||
|
|
"id": "US-ME",
|
||
|
|
"value": 1274923
|
||
|
|
}, {
|
||
|
|
"id": "US-MD",
|
||
|
|
"value": 5296486
|
||
|
|
}, {
|
||
|
|
"id": "US-MA",
|
||
|
|
"value": 6349097
|
||
|
|
}, {
|
||
|
|
"id": "US-MI",
|
||
|
|
"value": 9938444
|
||
|
|
}, {
|
||
|
|
"id": "US-MN",
|
||
|
|
"value": 4919479
|
||
|
|
}, {
|
||
|
|
"id": "US-MS",
|
||
|
|
"value": 2844658
|
||
|
|
}, {
|
||
|
|
"id": "US-MO",
|
||
|
|
"value": 5595211
|
||
|
|
}, {
|
||
|
|
"id": "US-MT",
|
||
|
|
"value": 902195
|
||
|
|
}, {
|
||
|
|
"id": "US-NE",
|
||
|
|
"value": 1711263
|
||
|
|
}, {
|
||
|
|
"id": "US-NV",
|
||
|
|
"value": 1998257
|
||
|
|
}, {
|
||
|
|
"id": "US-NH",
|
||
|
|
"value": 1235786
|
||
|
|
}, {
|
||
|
|
"id": "US-NJ",
|
||
|
|
"value": 8414350
|
||
|
|
}, {
|
||
|
|
"id": "US-NM",
|
||
|
|
"value": 1819046
|
||
|
|
}, {
|
||
|
|
"id": "US-NY",
|
||
|
|
"value": 18976457
|
||
|
|
}, {
|
||
|
|
"id": "US-NC",
|
||
|
|
"value": 8049313
|
||
|
|
}, {
|
||
|
|
"id": "US-ND",
|
||
|
|
"value": 642200
|
||
|
|
}, {
|
||
|
|
"id": "US-OH",
|
||
|
|
"value": 11353140
|
||
|
|
}, {
|
||
|
|
"id": "US-OK",
|
||
|
|
"value": 3450654
|
||
|
|
}, {
|
||
|
|
"id": "US-OR",
|
||
|
|
"value": 3421399
|
||
|
|
}, {
|
||
|
|
"id": "US-PA",
|
||
|
|
"value": 12281054
|
||
|
|
}, {
|
||
|
|
"id": "US-RI",
|
||
|
|
"value": 1048319
|
||
|
|
}, {
|
||
|
|
"id": "US-SC",
|
||
|
|
"value": 4012012
|
||
|
|
}, {
|
||
|
|
"id": "US-SD",
|
||
|
|
"value": 754844
|
||
|
|
}, {
|
||
|
|
"id": "US-TN",
|
||
|
|
"value": 5689283
|
||
|
|
}, {
|
||
|
|
"id": "US-TX",
|
||
|
|
"value": 20851820,
|
||
|
|
"description": "<p>Texas is the second most populous (after California) and the second largest of the 50 U.S. states (after Alaska) in the United States of America, and the largest state in the 48 contiguous United States. Geographically located in the south central part of the country, Texas shares an international border with the Mexican states of Chihuahua, Coahuila, Nuevo León, and Tamaulipas to the south and borders the U.S. states of New Mexico to the west, Oklahoma to the north, Arkansas to the northeast, and Louisiana to the east. Texas has an area of 268,820 square miles (696,200 km2) and a growing population of over 26.9 million residents (July 2014).</p>"
|
||
|
|
}, {
|
||
|
|
"id": "US-UT",
|
||
|
|
"value": 2233169
|
||
|
|
}, {
|
||
|
|
"id": "US-VT",
|
||
|
|
"value": 608827
|
||
|
|
}, {
|
||
|
|
"id": "US-VA",
|
||
|
|
"value": 7078515
|
||
|
|
}, {
|
||
|
|
"id": "US-WA",
|
||
|
|
"value": 5894121
|
||
|
|
}, {
|
||
|
|
"id": "US-WV",
|
||
|
|
"value": 1808344
|
||
|
|
}, {
|
||
|
|
"id": "US-WI",
|
||
|
|
"value": 5363675
|
||
|
|
}, {
|
||
|
|
"id": "US-WY",
|
||
|
|
"value": 493782
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
"areasSettings": {
|
||
|
|
"autoZoom": true
|
||
|
|
},
|
||
|
|
"smallMap": {},
|
||
|
|
"valueLegend": {
|
||
|
|
"right": 10,
|
||
|
|
"minValue": "little",
|
||
|
|
"maxValue": "a lot!"
|
||
|
|
},
|
||
|
|
"responsive": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="chartdiv" style="width: 100%; height: 100%;"></div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|