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/7.14.3/Maps/Map_Projections

​

var map = anychart.map();

var dataSet = anychart.data.set([

  {'id': 'AU.WA', 'value': 300},  // Western Australia

  {'id': 'AU.JB'},                // Jervis Bay Territory

  {'id': 'AU.NS', 'value': 240},  // New South Wales

  {'id': 'AU.VI', 'value': 75},   // Victoria

  {'id': 'AU.NT', 'value': 130},  // Northern Territory

  {'id': 'AU.TS', 'value': 190},  // Tasmania

  {'id': 'AU.CT', labels: false}, // Australian Capital Territory

  {'id': 'AU.SA'},                // South Australia

  {'id': 'AU.QL'}                 // Queensland

]);

​

map.geoData(anychart.maps.australia);

​

// set the title and its preferences

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

map.title('<span style="font-size: 18px;">Data Setting</span><br><span style="font-size:12px;">Labels on a map</span>');

​

// set the series

var series = map.choropleth(dataSet);

// enable labels

series.labels(true);

labels = series.labels();

// labels setting

labels.fontColor('black');

labels.fontSize("10px");

labels.offsetY(-10);

​

// set the container

map.container('container');

map.draw();

});