html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    //create data set

    var dataSet = anychart.data.set([

        {'id': 'AU.NS', 'size': 3565500},

        {'id': 'AU.NT', 'size': 6243700},

        {'id': 'AU.WA', 'size': 18565600},

        {'id': 'AU.SA', 'size': 8282600},

        {'id': 'AU.VI', 'size': 1866300},

        {'id': 'AU.QL', 'size': 9750500},

        {'id': 'AU.TS', 'size': 514700}

    ]);

​

    //create map chart

    var chart = anychart.map();

​

    //set geodata using https://cdn.anychart.com/geodata/1.0.0/countries/australia/australia.js

    chart.geoData(anychart.maps.australia);

​

//set bubble min/max size settings

    chart.maxBubbleSize('18%');

​

//create bubble series

    var series = chart.bubble(dataSet);

    series.labels(true);

    series.labels().format(function () {

        return (this.size / this.getStat('seriesSum') * 100).toFixed(2) + '%';

    });

​

//set series geo id field settings

    series.geoIdField("code_hasc");

​

    //set container id for the chart

    chart.container('container');

    //initiate chart drawing

    chart.draw();

});