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 firstDataSet = 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 secondDataSet = 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 thirdDataSet = 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 dataSetForFirstSeries = firstDataSet.mapAs({id: "id"});
20
var dataSetForSecondSeries = secondDataSet.mapAs({id: "id"});
21
var dataSetThirdForSeries = thirdDataSet.mapAs({id: "id"});
22
23
var map = anychart.map();
24
map.geoData(anychart.maps.australia);
25
26
// Set map series type.
27
map.defaultSeriesType(anychart.enums.MapSeriesType.CHOROPLETH);
28
29
map.addSeries(dataSetForFirstSeries, dataSetForSecondSeries, dataSetThirdForSeries);
30
31
map.title("Set map series type");
32
map.container("container");
33
map.draw();
34
});