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

Example of Tooltip Template in ASP.NET MVC Heatmap Chart Control

This sample visualizes the crude oil production of the non-OPEC countries over the years. The data point values displayed are in million barrels per day units.


In this example, you can see how to customize the tooltip content in Heatmap. You can customize the tooltip content by using the tooltipRender event.

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 a tooltip, inject the Tooltip module using the Heatmap.Inject(Tooltip) method, and use a legend by injecting the Legend module using the Heatmap.Inject(Legend) method.