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

Button

This sample visualizes the GDP growth rate for the countries which are the world’s major economies over the years.

DEMO
SOURCE

In this example, you can see how to bind array object as data source for heatmap and configure the Heatmap using the data adaptor support. You can directly bind the array object to the Heatmap data source with default property settings.

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.