• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
Essential JS 2
All Controls

Example for Selection in ASP.NET Core Heatmap Chart Control

This sample visualizes the revenue from the top exported products between the year 2014 and 2018, valued in USD million


In this example, you can see how to selected the cell in heat map and render the column chart based on selected data.

Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.

Injecting Module

Heatmap component features are segregated into individual feature-wise modules. To use data adaptor support, we need to inject Adaptor module using Heatmap.Inject(Adaptor) method and to use a tooltip, inject the Tooltip module using the Heatmap.Inject(Tooltip) method.