Example of Drilldown in Angular TreeMap Component

undefined
List of countries by population[+] Asia[+] Africa[+] Europe[+] North America[+] South Amer...[+] Southern Asia[+] Eastern Asia[+] Southeastern Asia[+] Western Asia[...IndiaPakistanBangladeshIranAf...N... ChinaJapanSout... Tai... IndonesiaPhilippin...Viet NamThailandMyanmarM...C... TurkeyIraqS...Y...S... [+] Eastern Africa[+] Western Africa[+] Norther...[+] Middle ...[+] Souther...EthiopiaTanzaniaKe...Ug...Mo...M... NigeriaG...Cô...Ni... S... EgyptAlger...SudanM... De...An... [+] Eastern Euro...[+] Southern ...[+] Northern ...[+]...RussiaUkrainePoland ItalyS... United... G...Fr... [+] Northern America[+] Central AmericaU.S. Mexico BrazilColo...Arg...P...V...Ch...Ec...
Properties
Drill Down View
Enable Bread Crumb
Bread Crumb Connector
Header Alignment
Label Alignment

This sample demonstrates drill down with the continents in top level, followed by regions and countries. By clicking a continent, you can view the items available in that continent more clearly.

In this example you can see how to render treemap with multiple items and drill it further.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.