• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

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

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.

DEMO
SOURCE

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.

Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.