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

Example of Large Data in ASP.NET MVC HeatMap Chart Control

This sample visualizes the annual traffic report of an airport with the number of flight arrivals in a year.The data label is disabled in this sample, the tooltip displays the data point values.

DEMO
SOURCE

In this example, you can see how to switch the Heatmap to canvas rendering mode.The rendering performance will be better in Canvas rendering mode, while loading large datasets. You can switch the rendering mode for Heatmap between SVG and Canvas using the renderingMode property. When the renderingMode property is set to Auto, the rendering mode will be switched automatically based of the size of data source to improve the rendering performance.

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 MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE