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
// This sample uses 3rd party Proj4js JavaScript library to transform coordinates
3
// See https://docs.anychart.com/Maps/Map_Projections to learn more.
4
5
var dataSet = anychart.data.set([
6
{id: 'AU.CT', value: 15, title: 'Australian Capital Territory'},
7
{id: 'AU.VI', value: 23, title: 'Victoria'},
8
{id: 'AU.WA', value: 86, title: 'Western Australia'},
9
{id: 'AU.QL', value: 16, title: 'Queensland'},
10
{id: 'AU.NS', value: 32, title: 'New South Wales'},
11
{id: 'AU.NT', value: 64, title: 'Northern Territory'},
12
{id: 'AU.TS', value: 28, title: 'Tasmania'},
13
{id: 'AU.SA', value: 45, title: 'South Australian'}
14
]);
15
16
var australiaMap = anychart.map();
17
australiaMap.geoData(anychart.maps.australia);
18
australiaMap.choropleth(dataSet);
19
20
var mapScale = australiaMap.scale();
21
mapScale.xTicks({interval: 5});
22
mapScale.yTicks({interval: 5});
23
24
var mapAxes = australiaMap.axes();
25
mapAxes.enabled(true);
26
mapAxes.minorLabels({rotation: 45});
27
28
// Set overlap mode.
29
mapAxes.overlapMode('allow-overlap');
30
31
australiaMap.title('Set overlap mode');
32
australiaMap.container('container');
33
australiaMap.draw();
34
});