• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Legend in ASP.NET Core TreeMap Control

This sample visualizes USA president election results in the year 2016. Type of the legend can be changed by using the Legend Type in properties panel.

DEMO
SOURCE
Legend Type
Position

In this example, you can see the type of legend available in treemap. And we have applied equal color mapping based on certain value.

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 legend, inject the Legend module using the Treemap.Inject(TreeMapLegend) method.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab