HeatMap Chart / Features / Empty Points

Blazor HeatMap Chart Example - Empty Points Handling

Loading Syncfusion Blazor Server Demos…

This sample visualizes the number of defective products per 1000 units from a manufacturing unit. Data points are enhanced with labels and tooltips, while some points without values represent periods with no defective products.

Empty Points Handling - This example demonstrates how to render empty points in the Heatmap. Empty points or data points with no values can be marked using null in the DataSource, allowing you to distinguish between missing data and zero values.

Empty Point Customization - You can customize the background color of empty points using the EmptyPointColor property in HeatMapPaletteSettings, providing visual distinction for cells without data.

Data Presentation - Labels and tooltips enhance the data presentation, allowing users to quickly identify product quality trends and periods of concern.

Interactive Features - The tooltip is enabled in this example. Hover the mouse over a data point or tap on touch-enabled devices to view defect counts and additional context for each manufacturing period.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE