HeatMap Chart / Features / Tooltip Template

Blazor HeatMap Chart Example - Custom Tooltip Templates

Loading Syncfusion Blazor Server Demos…

This sample visualizes crude oil production of Non-OPEC countries over the years, with data point values displayed in million barrels per day units for industry analysis.

Custom Tooltip Content - This example demonstrates how to customize the tooltip content in the HeatMap for more meaningful data presentation. You can customize tooltip content using:

Template Customization Benefits - Custom tooltip templates allow you to:

  • Display formatted data in user-friendly formats
  • Include multiple data properties in a single tooltip
  • Add contextual information and units (e.g., "million barrels per day")
  • Create visually enhanced tooltips with HTML elements

Data Presentation - Well-designed tooltips improve data interpretation and enable quick decision-making based on heatmap insights.

Interactive Features - The tooltip is enabled in this example. Hover the mouse over a data point or tap on touch-enabled devices to view customized oil production information with formatted values and contextual details.

More information on tooltip customization can be found in the documentation section.

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