Blazor HeatMap Chart Example - Legend Placement Customization

HeatMap Chart / Features / Legend Placement

This sample visualizes the hourly weather forecast for some major European cities. The data label is disabled in this sample, and the tooltip displays the data point values.

Loading Syncfusion Blazor Server Demos…

Properties

Legend Position

In this example, you can see how to change the display position of the Heatmap Legend. You can change the display position of Legend to left, right, bottom, and top by using the Position property in HeatMapLegendSettings.

The tooltip is enabled in this example. To see the tooltip in action, hover the mouse over an item or tap an item on touch-enabled devices.

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