Blazor HeatMap Chart Example - Legend Placement Customization
Properties
This sample visualizes the hourly weather forecast for major European cities. The data label is disabled in this sample, with the tooltip displaying detailed temperature and weather data point values.
Legend Position Configuration - This example demonstrates how to change the display position of the Heatmap Legend. You can position the legend in four different locations:
Left- Displays legend on the left side of the heatmapRight- Displays legend on the right side of the heatmapTop- Displays legend above the heatmapBottom- Displays legend below the heatmap
Position Configuration - Use the Position property in HeatMapLegendSettings to control legend placement based on your layout requirements.
Use Cases - Flexible legend positioning is useful for:
- Optimizing space utilization in different layout scenarios
- Accommodating various screen sizes and orientations
- Aligning with specific design requirements
Interactive Features - The tooltip is enabled in this example. Hover the mouse over a data point or tap on touch-enabled devices to view precise weather forecast information for each city and time slot.