html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var data = anychart.data.tree([

        {

            name: 'Eurasia',

            children: [

                {

                    name: "Asia", children: [

                    {

                        name: "Eastern Asia", children: [

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

                        {name: "China", value: 1364116, capital: 'Beijing'},

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

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

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

                    ]

                    }

                ]

                },

                {

                    name: "Europe", children: [

                    {

                        name: "Northern Europe", children: [

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

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

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

                        {name: "Scandinavia", value: 928057}

                    ]

                    }

                ]

                }

            ]

        }

    ]);

​

    var chart = anychart.treeMap(data, "asTree");

    chart.maxDepth(3);

​

    // Create color scale.

    var customColorScale = anychart.scales.linearColor();

    customColorScale.colors(["#2BC0E4", "#EAECC6"]);

​

    // Set color scale.

    chart.colorScale(customColorScale);

​

    chart.title("Set color scale using custom colors");

    chart.container("container");

    chart.draw();

});