html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

    var chart;

​

    function desc(){

// Set sorting.

chart.sort('desc');

    }

​

    function asc(){

// Set sorting.

chart.sort('asc');

    }

​

    function none(){

// Disable sorting.

chart.sort('none');

    }

    anychart.onDocumentReady(function () {

var data = getData();

​

chart = anychart.treeMap(data);

chart.title('Set sorting');

chart.container('container');

chart.draw();

    });

​

function getData() {

    return [

        {

            name: 'Eurasia',

            children: [

​

                        {name: 'Mongolia', value: 1564116, capital: 'Ulan-Bator'},

                        {name: 'China', value: 1564116, capital: 'Beijing'},

                        {name: 'Southern Korea', value: 1564116, capital: 'Seoul'},

                        {name: 'Northern Korea', value: 120540, capital: 'Pyongyang'},

                        {name: 'Japan', value: 1564116, capital: 'Tokio'},

                        {name: 'Finland', value: 338424, capital: 'Helsinki'},

                        {name: 'Great Britain', value: 209331, capital: 'London'},

                        {name: 'Ireland', value: 84421, capital: 'Dublin'},

                        {name: 'Scandinavia', value: 928057}

            ]

        }

    ];

}