• 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 Palette Mode in ASP.NET MVC HeatMap Chart Control

This sample visualizes the energy consumption in trillion British thermal units (btu) by the various public sectors in US government over the years. The data label is disabled in this sample, the tooltip displays the data point values. In property panel, the options are available to change palette type in Heatmap by means of radio button.

DEMO
SOURCE
Palette Type:
Enable Smart Legend:

In this example, you can see how to change the palette type between Fixed and Gradient types in Heatmap. The palette type can be defined using the type property in paletteSettings . Legend is enabled in this example, changing the palette mode the legend type will be automatically switched between gradient legend and list type legend.

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