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
// create a map
4
map = anychart.map();
5
6
//set map geo data
7
map.geoData(anychart.maps.usa_mainland);
8
9
// create color scale with thesholds
10
var scale = anychart.scales.ordinalColor([
11
{less: 5},
12
{from: 5, to: 10},
13
{greater: 10}
14
]);
15
16
scale.colors(['#73E6BF', '#54D1B5', '#26B2A6']);
17
18
// create series
19
var series = map.choropleth(getData());
20
series.geoIdField('iso_3166_2');
21
series.stroke(null);
22
23
// set color scale
24
series.colorScale(scale);
25
26
// display legend and set items source
27
map.legend().enabled(true);
28
map.legend().itemsSourceMode('categories');
29
30
// display map
31
map.container('container');
32
map.draw();
33
});
34
35
// a helper function for loading data
36
function getData(){
37
var data = [
38
{id: 'US-MN', 'value': 8.4},
39
{id: 'US-MT', name: "Montana", 'value': 8.5},
40
{id: 'US-ND', name: "North Dakota", 'value': 5.1},
41
{id: 'US-ID', name: "Idaho", 'value': 8.0},
42
{id: 'US-WA', name: "Washington", 'value': 13.1},
43
{id: 'US-AZ', name: "Arizona", 'value': 9.7},
44
{id: 'US-CA', name: "California", 'value': 14.0},
45
{id: 'US-CO', name: "Colorado", 'value': 8.7},
46
{id: 'US-UT', name: "Utah", 'value': 17.5},
47
{id: 'US-WY', name: "Wyoming", 'value': 2.8},
48
{id: 'US-AR', name: "Arkansas", 'value': 6.1},
49
{id: 'US-IA', name: "Iowa", 'value': 5.7},
50
{id: 'US-KS', name: "Kansas", 'value': 7.2},
51
{id: 'US-MO', name: "Missouri", 'value': 16.9},
52
{id: 'US-NV', name: "Nevada", 'value': 14.7},
53
{id: 'US-NM', name: "New Mexico", 'value': 6.9},
54
{id: 'US-OR', name: "Oregon", 'value': 12.2},
55
{id: 'US-NE', name: "Nebraska", 'value': 5.0},
56
{id: 'US-OK', name: "Oklahoma", 'value': 4.5},
57
{id: 'US-SD', name: "South Dakota", 'value': 5.0},
58
{id: 'US-LA', name: "Louisiana", 'value': 5.7},
59
{id: 'US-TX', name: "Texas", 'value': 5.0},
60
{id: 'US-CT', name: "Connecticut", 'value': 14.4},
61
{id: 'US-MA', name: "Massachusetts", 'value': 16.9},
62
{id: 'US-NH', name: "New Hampshire", 'value': 19.6},
63
{id: 'US-RI', name: "Rhode Island", 'value': 14.0},
64
{id: 'US-VT', name: "Vermont", 'value': 17.5},
65
{id: 'US-AL', name: "Alabama", 'value': 6.0},
66
{id: 'US-FL', name: "Florida", 'value': 12.4},
67
{id: 'US-GA', name: "Georgia", 'value': 5.9},
68
{id: 'US-MS', name: "Mississippi", 'value': 2.8},
69
{id: 'US-SC', name: "South Carolina", 'value': 6.1},
70
{id: 'US-IL', name: "Illinois", 'value': 10.2},
71
{id: 'US-IN', name: "Indiana", 'value': 6.1},
72
{id: 'US-KY', name: "Kentucky", 'value': 3.9},
73
{id: 'US-NC', name: "North Carolina", 'value': 6.6},
74
{id: 'US-OH', name: "Ohio", 'value': 7.2},
75
{id: 'US-TN', name: "Tennessee", 'value': 5.4},
76
{id: 'US-VA', name: "Virginia", 'value': 10.7},
77
{id: 'US-WI', name: "Wisconsin", 'value': 9.1},
78
{id: 'US-WY', name: "Wyoming", 'value': 5.2},
79
{id: 'US-WV', name: "West Virginia", 'value': 2.4},
80
{id: 'US-DE', name: "Delaware", 'value': 13.5},
81
{id: 'US-DC', name: "District of Columbia", 'value': 25.7},
82
{id: 'US-MD', name: "Maryland", 'value': 8.9},
83
{id: 'US-NJ', name: "New Jersey", 'value': 14.9},
84
{id: 'US-NY', name: "New York", 'value': 11.9},
85
{id: 'US-PA', name: "Pennsylvania", 'value': 5.6},
86
{id: 'US-ME', name: "Maine", 'value': 10.4},
87
{id: 'US-MI', name: "Michigan", 'value': 7.6}];
88
return data;
89
}