HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
3
var map = anychart.map();
4
5
//set map Geo data
6
map.geoData(anychart.maps.usa_mainland);
7
8
var colorRange = map.colorRange();
9
colorRange.enabled(true);
10
colorRange.labels().padding(3);
11
12
var series = map.choropleth(getData());
13
series.labels(null);
14
series.geoIdField('iso_3166_2');
15
series.hovered().stroke('#000');
16
series.selected()
17
.fill('white')
18
.stroke('#c2185b');
19
series.colorScale(anychart.scales.linearColor('#c2e9fb', '#81d4fa', '#01579b', '#002746'));
20
21
map.container('container');
22
map.draw();
23
24
function getData() {
25
return anychart.data.set([
26
{id: 'US-MN', name: "Minnesota", 'value': 8.4},
27
{id: 'US-MT', name: "Montana", 'value': 8.5},
28
{id: 'US-ND', name: "North Dakota", 'value': 5.1},
29
{id: 'US-ID', name: "Idaho", 'value': 8.0},
30
{id: 'US-WA', name: "Washington", 'value': 13.1},
31
{id: 'US-AZ', name: "Arizona", 'value': 9.7},
32
{id: 'US-CA', name: "California", 'value': 14.0},
33
{id: 'US-CO', name: "Colorado", 'value': 8.7},
34
{id: 'US-NV', name: "Nevada", 'value': 14.7},
35
{id: 'US-NM', name: "New Mexico", 'value': 6.9},
36
{id: 'US-OR', name: "Oregon", 'value': 12.2},
37
{id: 'US-UT', name: "Utah", 'value': 3.2},
38
{id: 'US-WY', name: "Wyoming", 'value': 5.2},
39
{id: 'US-AR', name: "Arkansas", 'value': 4.2},
40
{id: 'US-IA', name: "Iowa", 'value': 4.7},
41
{id: 'US-KS', name: "Kansas", 'value': 3.2},
42
{id: 'US-MO', name: "Missouri", 'value': 7.2},
43
{id: 'US-NE', name: "Nebraska", 'value': 5.0},
44
{id: 'US-OK', name: "Oklahoma", 'value': 4.5},
45
{id: 'US-SD', name: "South Dakota", 'value': 5.0},
46
{id: 'US-LA', name: "Louisiana", 'value': 5.7},
47
{id: 'US-TX', name: "Texas", 'value': 5.0},
48
{id: 'US-CT', name: "Connecticut", 'value': 14.4},
49
{id: 'US-MA', name: "Massachusetts", 'value': 16.9},
50
{id: 'US-NH', name: "New Hampshire", 'value': 19.6},
51
{id: 'US-RI', name: "Rhode Island", 'value': 14.0},
52
{id: 'US-VT', name: "Vermont", 'value': 17.5},
53
{id: 'US-AL', name: "Alabama", 'value': 6.0},
54
{id: 'US-FL', name: "Florida", 'value': 12.4},
55
{id: 'US-GA', name: "Georgia", 'value': 5.9},
56
{id: 'US-MS', name: "Mississippi", 'value': 2.8},
57
{id: 'US-SC', name: "South Carolina", 'value': 6.1},
58
{id: 'US-IL', name: "Illinois", 'value': 10.2},
59
{id: 'US-IN', name: "Indiana", 'value': 6.1},
60
{id: 'US-KY', name: "Kentucky", 'value': 3.9},
61
{id: 'US-NC', name: "North Carolina", 'value': 6.6},
62
{id: 'US-OH', name: "Ohio", 'value': 7.2},
63
{id: 'US-TN', name: "Tennessee", 'value': 5.4},
64
{id: 'US-VA', name: "Virginia", 'value': 10.7},
65
{id: 'US-WI', name: "Wisconsin", 'value': 9.1},
66
{id: 'US-WY', name: "Wyoming", 'value': 5.2},
67
{id: 'US-WV', name: "West Virginia", 'value': 2.4},
68
{id: 'US-DE', name: "Delaware", 'value': 13.5},
69
{id: 'US-DC', name: "District of Columbia", 'value': 25.7},
70
{id: 'US-MD', name: "Maryland", 'value': 8.9},
71
{id: 'US-NJ', name: "New Jersey", 'value': 14.9},
72
{id: 'US-NY', name: "New York", 'value': 11.9},
73
{id: 'US-PA', name: "Pennsylvania", 'value': 5.6},
74
{id: 'US-ME', name: "Maine", 'value': 10.4},
75
{id: 'US-MI', name: "Michigan", 'value': 7.6}
76
]);
77
}
78
});