Example of Opposed Axis in ASP.NET Core HeatMap Chart Control

HeatMap Chart
Features
Opposed Axis

This sample illustrates the monthly flight arrivals at JFK international airport, New York. The data label is disabled in this sample, the tooltip displays the data point values. In property panel, the options are available to change the position of the axes by means of checkbox for each axis.

Monthly Flight Traffic at JFK Airport20072008200920102011201220132014201520162017JanFebMarAprMayJunJulyAugSeptOctNovDec
Properties

In this example, you can see how to change the display position of the axis. You can change the display position of axes by enabling the opposedPosition property for each axis.

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 ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab