Example of Tooltip Template in React HeatMap Chart Component


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 and the legend, inject the Tooltip and Legend module using the {''} method.