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
var dataSet1 = anychart.data.set([
3
{id: 'AU.CT', value: 15, title: 'Australian Capital Territory'},
4
{id: 'AU.VI', value: 23, title: 'Victoria'},
5
{id: 'AU.WA', value: 86, title: 'Western Australia'}
6
]);
7
var dataSet2 = anychart.data.set([
8
{id: 'AU.QL', value: 16, title: 'Queensland', size: 40},
9
{id: 'AU.NS', value: 32, title: 'New South Wales', size: 40},
10
{id: 'AU.NT', value: 64, title: 'Northern Territory', size: 40}
11
]);
12
var dataSet3 = anychart.data.set([
13
{id: 'AU.TS', value: 28, title: 'Tasmania'},
14
{id: 'AU.SA', value: 45, title: 'South Australian'},
15
{id: 'AU.TS', size: 28},
16
{id: 'AU.SA', size: 45}
17
]);
18
19
var data1 = dataSet1.mapAs({id: 'id'});
20
var data2 = dataSet2.mapAs({id: 'id'});
21
var data3 = dataSet3.mapAs({id: 'id'});
22
23
var map = anychart.map();
24
map.geoData(anychart.maps.australia);
25
26
// Set map series type.
27
map.defaultSeriesType('choropleth');
28
29
map.addSeries(data1, data2, data3);
30
31
map.title('Set map series type');
32
map.container('container');
33
map.draw();
34
});