• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This sample visualizes the revenue from the top exported products between the year 2014 and 2018, valued in USD million

DEMO
SOURCE

In this example, you can see how to selected the cell in heat map and render the column chart based on selected data.

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.