Example of Data Label in React TreeMap Component

/
/
Datalabel

This sample illustrates the population level of various countries in 2017. The leaf items’ labels intersect action can be changed by using the Label Intersect Action in properties panel.

More Details...

Countries ordered based on Population - 2017ChinaIndiaUnited States of A...IndonesiaBrazilPakistanNigeriaBangladeshRussian Fe...MexicoJapanEthiopiaPhilippinesViet NamEgyptD.R. CongoIranGermanyTurkeyThailandUnited ...FranceItalyTanzaniaSouth ...Myan...Repu...Colo...KenyaSpainUkrai...Arge...SudanUgan...AlgeriaIraqPolandCana...Mor...Afg...Sau...PeruVen...Mal...Uzb...Moz...NepalGha...Yem...An...Ma...De...Au...Ca...Cô...Tai...Ni...Sri...Ro...Bu...Sy...MaliC...M...Ka...Z...N...G...E...Zi...C...Se...C...G...S... T... P... 200M - 1.3M20M - 200M0.1M - 20M
Properties
Label Intersect Action

This sample illustrates the population level of various countries in 2017. The leaf items’ labels intersect action can be changed by using the Label Intersect Action in properties panel.

In this example, you can see the various label intersect actions available in TreeMap. Range color mapping has been specified, and the default legend has been enabled in this example.

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


Injecting Module

TreeMap component features are segregated into individual feature-wise modules. To use a tooltip, inject the Tooltip module using the TreeMap.Inject(TreeMapTooltip) method, and use a legend by injecting the Legend module using the TreeMap.Inject(TreeMapLegend) method.

Description

In this example, you can see the various label intersect actions available in TreeMap. Range color mapping has been specified, and the default legend has been enabled in this example.

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


Injecting Module

TreeMap component features are segregated into individual feature-wise modules. To use a tooltip, inject the Tooltip module using the TreeMap.Inject(TreeMapTooltip) method, and use a legend by injecting the Legend module using the TreeMap.Inject(TreeMapLegend) method.