html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // This sample uses 3rd party proj4 component

    // that makes it possible to set coordinates

    // for the points and labels on the map and

    // required for custom projections and grid labels formatting.

    // See https://docs.anychart.com/Maps/Map_Projections

​

var map = anychart.map();

// data set for the choropleth series

var dataSet_1 = [

    {'id': 'AU.JB', 'value': 1.5, "labelrank": 5, "middle-y": -36.085, "middle-x": 154.34, "middleXYMode": "absolute"}, 

    {'id': 'AU.NT', 'value': 2, "middle-y": -20.159, "middle-x": 133.66, "middleXYMode": "absolute"},

    {'id': 'AU.WA', 'value': 3.2},

    {'id': 'AU.NS', 'value': 2.7}

];

​

var dataSet_2 = [

    {'id': 'AU.CT', 'value': 1.12, "labelrank": 9, "middle-y": -35.355, "middle-x": 148.94, "middleXYMode": "absolute"}, 

    {'id': 'AU.SA', 'value': 2.9, "labelrank": 5, "middle-y": -28.86, "middle-x": 134.678, "middleXYMode": "absolute"},

    {'id': 'AU.VI', 'value': 3.86, "middle-y": -37.68, "middle-x": 143.77, "middleXYMode": "absolute"},

    {'id': 'AU.QL', 'value': 1.1, "middle-y": -23.335, "middle-x": 143.71, "middleXYMode": "absolute"},

    {'id': 'AU.TS', 'value': 1.6}

];

​

map.geoData("anychart.maps.australia");

​

// set the title and its preferences

map.title().useHtml(true).hAlign('center');

map.title('<span style="font-size: 14px;">Labels Settings</span><br><span style="font-size:12px;">Set custom position for inside labels through the data set</span>');

​

// set the series

var series_1 = map.choropleth(dataSet_1);

var series_2 = map.choropleth(dataSet_2);

​

// enable labels

map.labels(true);

​

// set the overlapping mode for the map

map.overlapMode(false);

​

// set tooltips

series_1.tooltip().format("More women");

series_2.tooltip().format("More men");

​

// set the container

map.container('container');

map.draw();

});