• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Mode Selection
Theme Selection
*Translated by Google Translator.
Essential Studio
All Controls

Example of DataLabel in ASP.NET Core TreeMap Control

This sample illustrates the population of various countries in 2017. Leaf item labels intersecting action can be changed by using the Label Intersect Action in properties panel.

Label Intersect Action

In this example, you can see the various label intersect actions available in treemap. We have specified range color mapping and enabled default legend 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.