Example of Tooltip Template in Javascript Heatmap Chart Control

Tooltip Template

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.

More Details...


In this example, you can see how to customize the tooltip content in the HeatMap. You can customize the tooltip content by using the template property. The tooltip is enabled in this example. To see the tooltip in action, hover the mouse over an item or tap an item on touch-enabled devices. Injecting Module Heatmap component features are separated into discrete feature-based modules. To use a tooltip, inject the Tooltip module using the Heatmap.Inject(Tooltip) method, and to use a legend, inject the Legend module using the Heatmap.Inject(Legend) method.