Example of Legend in React TreeMap Component


This sample visualizes the 2016 United States presidential election results. The type and position of the legends can be changed using the Type and Position options in the properties panel.

More Details...


In this example, you can see the type of legend available in TreeMap. The equal color mapping is applied based on certain value.

The tooltip is enabled in this example. To see the tooltip in action, hover the mouse over an item or tap an item in touch enabled devices.

Injecting Module

The TreeMap component features are segregated into individual modules by feature. To use a legend, inject the Legend module using the TreeMap.Inject(TreeMapLegend) method.