html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // To change the way how context menu looks you need to change CSS.

    // By default CSS from AnyChart CDN is used: https://cdn.anychart.com/releases/8.13.0/css/anychart-ui.min.css

    // Download it, alter, upload to your server and link from your pages to change the look.

​

    var data = getData();

​

    var chart = anychart.treeMap(data);

​

    // Disable context menu.

    chart.contextMenu(false);

​

    chart.title('Disable context menu. Right-click on the chart');

    chart.container('container');

    chart.draw();

});

​

function getData() {

    return [

        {

            name: 'Eurasia',

            children: [

                {

                    name: 'Asia', children: [

                    {

                        name: 'Eastern Asia', 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: '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}

                    ]

                    }

                ]

                }

            ]

        }

    ];

}