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

Button

This sample demonstrates rendering Heatmap control by providing desired data from a pivot grid on selection. Not only Heatmap, but any other control (including third party) can be used for this purpose.

DEMO
SOURCE


In this sample, the cell-selection feature is enabled with the help of the allowSelection property and its type and mode are configured using the selectionSettings property. The cellSelected event gets fired on every selection operation performed in the pivot grid. This event returns the selected cell information, like row header name, column header name, measure name, and value. Based on this information, the heatmap will be plotted.