Example of Drilldown in React TreeMap Component

/
/
Drilldown

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...

List of countries by population[+] Asia[+] Africa[+] Europe[+] North America[+] South Ameri...[+] Southern Asia[+] Eastern Asia[+] Southeastern Asia[+] Western Asia[...IndiaPakistanBangladeshIranAf...N... ChinaJapanSouth... Tai... IndonesiaPhilippinesViet NamThailandMyanmarM...C... TurkeyIraqSa...Y... [+] Eastern Africa[+] Western Africa[+] Norther...[+] Middle ...[+] Souther...EthiopiaTanzaniaKe...Ug...Mo...M... NigeriaGh...Cô...Ni... S... EgyptAlgeriaSudanM... De...An... [+] Eastern Euro...[+] Southern ...[+] Northern E...[+]...RussiaUkrainePoland ItalyS... United... G...Fr... [+] Northern America[+] Central AmericaU.S. Mexico BrazilColo...Arge...P...V...Ch...Ec...
Properties
Drill Down View
Enable Bread Crumb
Bread Crumb Text
Header Alignment
Label Alignment

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

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.

Description

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.