html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var breadcrumbs = document.createElement('div');

    breadcrumbs.setAttribute('id', 'breadcrumbs');

    breadcrumbs.style.cssText = 'margin: 10px 0 0 10px;';

​

    document.body.insertBefore(breadcrumbs, document.body.childNodes[0]);

​

    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 chart = anychart.treeMap();

​

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

​

    chart.data(treeData);

​

    // Listen for draw event and update path in 'bread crumbs'.

    chart.listen('chartDraw', function () {

        printPath(chart.getDrilldownPath());

    });

​

    chart.title().orientation('bottom');

    chart.title().padding(10);

​

    chart.labels().format('{%id}');

    chart.container('container');

    chart.draw();

});

​

function printPath(path) {

    var crumbs = document.getElementById('breadcrumbs');

​

    var link;

​

    var text = '';

​

    crumbs.innerHTML = '';

​

    for (var i = 0; i < path.length; i++) {

        link = document.createElement('a');

        text = path[i].get('id');

        link.innerHTML = text;

        crumbs.appendChild(link);

        crumbs.appendChild(document.createTextNode(' \\ '));

​

        if (i + 1 == path.length) continue;

        link.setAttribute('href', '#');

        link.addEventListener('click', function () {

            chart.drillTo(this.innerHTML);

        });

    }

    return text;

}