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.
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
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.
Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.
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