Example of Drilldown in Javascript TreeMap Control


This sample demonstrates drill-down with the continents at the top level followed by regions and countries. By clicking a continent, you can view all the countries available in that continent clearly. Customizations can be done in the treemap, by using the options in the properties panel

More Details...

Drilldown View
Enable Breadcrumb
Breadcrumb Connector
Header Alignment
Label Alignment

In this example, you can see how to render a TreeMap with multiple items and drill it further. Change the drill down view and enable the breadcrumb using the options available in the properties panel. The tooltip is enabled in this example. To see the tooltip in action, hover the mouse over an item or tap an item in touch-enabled devices. More information on treemap drilldown can be found in this documentation section.