• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

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.

DEMO
SOURCE

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.