map.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <title>amCharts Responsive Example</title>
  7. <link rel="stylesheet" href="http://www.amcharts.com/lib/3/ammap.css" type="text/css">
  8. <script src="http://www.amcharts.com/lib/3/ammap.js"></script>
  9. <script src="http://www.amcharts.com/lib/3/maps/js/usaLow.js"></script>
  10. <script src="../responsive.min.js"></script>
  11. <style>
  12. body, html {
  13. height: 100%;
  14. padding: 0;
  15. margin: 0;
  16. }
  17. </style>
  18. <script>
  19. var map = AmCharts.makeChart("chartdiv", {
  20. type: "map",
  21. "colorSteps": 10,
  22. "dataProvider": {
  23. "map": "usaLow",
  24. "areas": [{
  25. "id": "US-AL",
  26. "value": 4447100
  27. }, {
  28. "id": "US-AK",
  29. "value": 626932
  30. }, {
  31. "id": "US-AZ",
  32. "value": 5130632
  33. }, {
  34. "id": "US-AR",
  35. "value": 2673400
  36. }, {
  37. "id": "US-CA",
  38. "value": 33871648
  39. }, {
  40. "id": "US-CO",
  41. "value": 4301261
  42. }, {
  43. "id": "US-CT",
  44. "value": 3405565
  45. }, {
  46. "id": "US-DE",
  47. "value": 783600
  48. }, {
  49. "id": "US-FL",
  50. "value": 15982378
  51. }, {
  52. "id": "US-GA",
  53. "value": 8186453
  54. }, {
  55. "id": "US-HI",
  56. "value": 1211537
  57. }, {
  58. "id": "US-ID",
  59. "value": 1293953
  60. }, {
  61. "id": "US-IL",
  62. "value": 12419293
  63. }, {
  64. "id": "US-IN",
  65. "value": 6080485
  66. }, {
  67. "id": "US-IA",
  68. "value": 2926324
  69. }, {
  70. "id": "US-KS",
  71. "value": 2688418
  72. }, {
  73. "id": "US-KY",
  74. "value": 4041769
  75. }, {
  76. "id": "US-LA",
  77. "value": 4468976
  78. }, {
  79. "id": "US-ME",
  80. "value": 1274923
  81. }, {
  82. "id": "US-MD",
  83. "value": 5296486
  84. }, {
  85. "id": "US-MA",
  86. "value": 6349097
  87. }, {
  88. "id": "US-MI",
  89. "value": 9938444
  90. }, {
  91. "id": "US-MN",
  92. "value": 4919479
  93. }, {
  94. "id": "US-MS",
  95. "value": 2844658
  96. }, {
  97. "id": "US-MO",
  98. "value": 5595211
  99. }, {
  100. "id": "US-MT",
  101. "value": 902195
  102. }, {
  103. "id": "US-NE",
  104. "value": 1711263
  105. }, {
  106. "id": "US-NV",
  107. "value": 1998257
  108. }, {
  109. "id": "US-NH",
  110. "value": 1235786
  111. }, {
  112. "id": "US-NJ",
  113. "value": 8414350
  114. }, {
  115. "id": "US-NM",
  116. "value": 1819046
  117. }, {
  118. "id": "US-NY",
  119. "value": 18976457
  120. }, {
  121. "id": "US-NC",
  122. "value": 8049313
  123. }, {
  124. "id": "US-ND",
  125. "value": 642200
  126. }, {
  127. "id": "US-OH",
  128. "value": 11353140
  129. }, {
  130. "id": "US-OK",
  131. "value": 3450654
  132. }, {
  133. "id": "US-OR",
  134. "value": 3421399
  135. }, {
  136. "id": "US-PA",
  137. "value": 12281054
  138. }, {
  139. "id": "US-RI",
  140. "value": 1048319
  141. }, {
  142. "id": "US-SC",
  143. "value": 4012012
  144. }, {
  145. "id": "US-SD",
  146. "value": 754844
  147. }, {
  148. "id": "US-TN",
  149. "value": 5689283
  150. }, {
  151. "id": "US-TX",
  152. "value": 20851820,
  153. "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>"
  154. }, {
  155. "id": "US-UT",
  156. "value": 2233169
  157. }, {
  158. "id": "US-VT",
  159. "value": 608827
  160. }, {
  161. "id": "US-VA",
  162. "value": 7078515
  163. }, {
  164. "id": "US-WA",
  165. "value": 5894121
  166. }, {
  167. "id": "US-WV",
  168. "value": 1808344
  169. }, {
  170. "id": "US-WI",
  171. "value": 5363675
  172. }, {
  173. "id": "US-WY",
  174. "value": 493782
  175. }]
  176. },
  177. "areasSettings": {
  178. "autoZoom": true
  179. },
  180. "smallMap": {},
  181. "valueLegend": {
  182. "right": 10,
  183. "minValue": "little",
  184. "maxValue": "a lot!"
  185. },
  186. "responsive": {
  187. "enabled": true
  188. }
  189. });
  190. </script>
  191. </head>
  192. <body>
  193. <div id="chartdiv" style="width: 100%; height: 100%;"></div>
  194. </body>
  195. </html>