html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var data = [

        {id: 'Eurasia', parent: null},

        {id: 'Asia', parent: 'Eurasia'},

        {id: 'Eastern Asia', parent: 'Asia'},

        {id: 'Mongolia', parent: 'Eastern Asia', value: 1564116, capital: 'Ulan-Bator'},

        {id: 'China', parent: 'Eastern Asia', value: 1564116, capital: 'Beijing'},

        {id: 'Southern Korea', parent: 'Eastern Asia', value: 1564116, capital: 'Seoul'},

        {id: 'Northern Korea', parent: 'Eastern Asia', value: 120540, capital: 'Pyongyang'},

        {id: 'Japan', parent: 'Eastern Asia', value: 1564116, capital: 'Tokio'},

        {id: 'Europe', parent: 'Eurasia'},

        {id: 'Northern Europe', parent: 'Europe'},

        {id: 'Finland', parent: 'Northern Europe', value: 338424, capital: 'Helsinki'},

        {id: 'Great Britain', parent: 'Northern Europe', value: 209331, capital: 'London'},

        {id: 'Ireland', parent: 'Northern Europe', value: 84421, capital: 'Dublin'},

        {id: 'Scandinavia', parent: 'Northern Europe', value: 928057}];

​

    var treeData = anychart.data.tree(data, 'as-table');

​

    var chart = anychart.treeMap(treeData);

​

    // Set selection mode.

    chart.selectionMode('multi-select');

​

    var item = treeData.search('id', 'Eastern Asia');

​

    chart.drillTo(item);

    chart.title('Set selection mode. Hold down "ctrl"/"shift" and click on points');

    chart.container('container');

    chart.draw();

});