HeatMap Chart / Features / Opposed Axis

Blazor HeatMap Chart Example - Opposed Axis Placement

Loading Syncfusion Blazor Server Demos…

Properties

This sample illustrates the monthly flight arrivals at JFK international airport in New York. The data label is disabled, with the tooltip displaying detailed arrival data point values for each month.

Axis Position Configuration - This example demonstrates how to change the display position of heatmap axes. You can alter the visual layout by repositioning axes for alternative data perspectives:

Opposed Position Setting - Use the OpposedPosition property for each axis to display axes on opposite sides of the heatmap.

Use Cases - Opposed axis positioning is beneficial for:

  • Creating alternative data visualization perspectives
  • Accommodating specific design and layout requirements
  • Improving readability in multi-heatmap comparisons
  • Aligning with business intelligence dashboard conventions

Interactive Features - The tooltip is enabled in this example. Hover the mouse over a data point or tap on touch-enabled devices to view airport arrival statistics for each month with the repositioned axes configuration.

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