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.

DEMO
SOURCE
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.

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