Example of Selection & Highlight in React TreeMap Component

/
/
Selection

This sample depicts the details of goods imported by Japan. Selection and highlight options have been enabled in this sample.

More Details...

Import and Export details of USImportExport20112010Chemical productsTextile articlesBase metalsAnimal productsChemical productsTextile articlesBase metalsAnimal...20112010Chemical productsBase metalsTextile articlesAnimal prod...Chemical productsBase metalsTextile art...Animal pr...
Properties
Highlight
Enable
Mode
Selection
Enable
Mode

This sample depicts the details of goods imported by Japan. Selection and highlight options have been enabled in this sample.

In this example, you can see the modes available for performing highlight and selection in TreeMap. It can be either enabled or disabled.


Injecting Module

TreeMap component features are segregated into individual feature-wise modules. To use highlight and selection, inject the Selection module using the TreeMap.Inject(TreeMapSelection)inject the Highlight module using the TreeMap.Inject(TreeMapHighlight) method.

Description

In this example, you can see the modes available for performing highlight and selection in TreeMap. It can be either enabled or disabled.


Injecting Module

TreeMap component features are segregated into individual feature-wise modules. To use highlight and selection, inject the Selection module using the TreeMap.Inject(TreeMapSelection)inject the Highlight module using the TreeMap.Inject(TreeMapHighlight) method.