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.

More Details...


In this sample, the cell selection feature is enabled with the api allowSelection property and its type and mode are configured using the selectionSettings property. The cellSelected event 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.