HeatMap Chart / Features / Selection

Blazor HeatMap Chart Example - Cell Selection Capability

Loading Syncfusion Blazor Server Demos…

Properties

This sample visualizes the revenue from top exported products between 2014 and 2018, measured in USD million, with interactive cell selection and detailed analysis capabilities.

Interactive Cell Selection - This example demonstrates how to select a cell in a HeatMap and display corresponding analytical information. When you click on a cell, the selected data triggers related visualizations or analysis tools.

Integrated Analysis - The sample shows how to integrate the Data Grid or Chart component based on the data you've selected from the heatmap. This enables:

  • Drill-down analysis into selected data points
  • Dynamic chart generation from selected heatmap cells
  • Detailed tabular view of product and revenue information
  • Multi-component interaction for comprehensive data exploration

Use Cases - Cell selection is valuable for:

  • Interactive business intelligence dashboards
  • Product performance analysis
  • Revenue trend exploration
  • Time-series data investigation

Interactive Features - The tooltip is enabled in this example. Hover the mouse over a data point or tap on touch-enabled devices to view product revenue information before selecting cells for detailed analysis.

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