Example of Empty Points in Javascript Heatmap Chart Control

Empty Points

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. Heatmap component features are separated into discrete feature-based modules. To use a tooltip, inject the Tooltip module using the Heatmap.Inject(Tooltip) method, and to use a legend, inject the Legend module using the Heatmap.Inject(Legend) method.