HeatMap Chart / Data Binding / JSON Cell

Blazor HeatMap Chart Example - JSON Cell Data Binding

Loading Syncfusion Blazor Server Demos…

This sample visualizes the number of international tourist arrivals in millions to the most visited destinations worldwide, using JSON-formatted cell data.

JSON Data Binding - This example demonstrates how to bind JSON data and configure the Heatmap using data adaptor support. You can bind JSON data with information for each cell using:

  • The IsJsonData property to enable JSON data mode
  • The AdaptorType property to specify the data adaptor type

Cell Data Mapping - For cell JSON data, map each cell value using the following properties:

Interactive Features - The tooltip is enabled in this example. Hover the mouse over a data point or tap on touch-enabled devices to view tourism statistics for each destination.

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