Example of Empty points in React HeatMap Chart Component


This sample visualizes the number of defective product count per 1000 units coming out from a manufacturing unit. Data points are enhanced with labels and tooltip. Some data points were not marked with any values which indicates there are no defective products and these data points are termed as empty points.

More Details...


In this example, you can see how to render empty points in the Heatmap. The empty points or the points with no data can be marked using null in the data source. You can also customize the background color of the empty points by using the emptyPointColor property in paletteSettings

The tooltip is enabled in this example. To see the tooltip in action, hover the mouse over an item or tap an item on touch-enabled devices.

Injecting Module

Heatmap component features are separated into discrete feature-based modules. To use a tooltip and the legend, inject the Tooltip and Legend module using the {''} method.