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
// This sample uses 3rd party proj4 component
4
// that makes it possible to set coordinates
5
// for the points and labels on the map and
6
// required for custom projections and grid labels formatting.
7
// See https://docs.anychart.com/Maps/Map_Projections
8
9
// create a map
10
var map = anychart.map();
11
map.geoData(anychart.maps.united_states_of_america);
12
13
// disable all interactivity
14
map.interactivity(false);
15
16
// set the map title
17
map.title("Disable all interactivity");
18
19
// add choropleth series
20
map.choropleth(getData());
21
22
// set the container
23
map.container("container");
24
25
// draw the map
26
map.draw();
27
})
28
29
function getData(){
30
// create data set
31
var data = [
32
{'id': 'US.MA', 'value': 0},
33
{'id': 'US.MN', 'value': 1},
34
{'id': 'US.MT', 'value': 2},
35
{'id': 'US.ND', 'value': 3},
36
{'id': 'US.HI', 'value': 4},
37
{'id': 'US.ID', 'value': 5},
38
{'id': 'US.WA', 'value': 6},
39
{'id': 'US.AZ', 'value': 7},
40
{'id': 'US.CA', 'value': 8},
41
{'id': 'US.CO', 'value': 9},
42
{'id': 'US.NV', 'value': 10},
43
{'id': 'US.NM', 'value': 11},
44
{'id': 'US.OR', 'value': 12},
45
{'id': 'US.UT', 'value': 13},
46
{'id': 'US.WY', 'value': 14},
47
{'id': 'US.AR', 'value': 15},
48
{'id': 'US.IA', 'value': 16},
49
{'id': 'US.KS', 'value': 17},
50
{'id': 'US.MO', 'value': 18},
51
{'id': 'US.NE', 'value': 19},
52
{'id': 'US.OK', 'value': 20},
53
{'id': 'US.SD', 'value': 21},
54
{'id': 'US.LA', 'value': 22},
55
{'id': 'US.TX', 'value': 23},
56
{'id': 'US.CT', 'value': 24},
57
{'id': 'US.NH', 'value': 25},
58
{'id': 'US.RI', 'value': 26},
59
{'id': 'US.VT', 'value': 27},
60
{'id': 'US.AL', 'value': 28},
61
{'id': 'US.FL', 'value': 29},
62
{'id': 'US.GA', 'value': 30},
63
{'id': 'US.MS', 'value': 31},
64
{'id': 'US.SC', 'value': 32},
65
{'id': 'US.IL', 'value': 33},
66
{'id': 'US.IN', 'value': 34},
67
{'id': 'US.KY', 'value': 35},
68
{'id': 'US.NC', 'value': 36},
69
{'id': 'US.OH', 'value': 37},
70
{'id': 'US.TN', 'value': 38},
71
{'id': 'US.VA', 'value': 39},
72
{'id': 'US.WI', 'value': 40},
73
{'id': 'US.WV', 'value': 41},
74
{'id': 'US.DE', 'value': 42},
75
{'id': 'US.MD', 'value': 43},
76
{'id': 'US.NJ', 'value': 44},
77
{'id': 'US.NY', 'value': 45},
78
{'id': 'US.PA', 'value': 46},
79
{'id': 'US.ME', 'value': 47},
80
{'id': 'US.MI', 'value': 48},
81
{'id': 'US.AK', 'value': 49}
82
];
83
return data;
84
}