• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.
Essential Studio
All Controls

Example of Default Functionalities in ASP.NET Core TreeMap Control

This sample visualizes the car sales of various countries in 2017 by rendering the countries at top level and car manufacturing companies as leaf items.


In this example, you can see how to render a treemap with the provided data source. Palette color is applied for the items in treemap. Default legend is enabled in this example to represent the items in top level.

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.