Blazor HeatMap Chart Example - JSON Cell Data Binding
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Source:
https://en.wikipedia.org
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:
- XDataMapping - Maps the X-axis data
- YDataMapping - Maps the Y-axis data
- ValueMapping - Maps the cell values
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.