• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This sample visualizes the net migration rate for the northern European countries 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 the rendering mode between Canvas and SVG means of radio button.

DEMO
SOURCE
Rendering Mode:

In this example, you can see how to change the rendering mode between Canvas and SVG types in Heatmap. You can change the rendering mode using the renderingMode property.

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


Injecting Module

Heatmap component features are segregated into individual feature-wise modules. To use a tooltip, inject the Tooltip module using the Heatmap.Inject(Tooltip) method, and use a legend by injecting the Legend module using the Heatmap.Inject(Legend) method.