Represents react TreeMap Component
<TreeMapComponent></TreeMapComponent>
boolean
Enables and disables the export to image functionality in treemap.
Defaults to false
boolean
Enables and disables the export to pdf functionality in treemap.
Defaults to false
boolean
Enables and disables the print functionality in treemap.
Defaults to false
string
Sets and gets the background color of the treemap.
Sets and gets the options for customizing the color and width of the treemap border.
string
Specifies the connection between the two words.
string
Sets and gets the value path from the data source, based on it color is filled in treemap.
DataManager
| TreeMapAjax
| Object[]
Sets and gets the data source for the treemap component.
Defaults to null
string
Sets and gets the description for treemap.
Defaults to null
boolean
Enables or disables the initial drill in the treemap.
boolean
Enables or disables the connection text in the header of the treemap.
boolean
Enables or disables the drill down functionality in treemap.
boolean
Enable or disable persisting component’s state between page reloads.
Defaults to false
boolean
Enable or disable rendering component in right to left direction.
Defaults to false
string
Sets and gets the value path from the data source, based on it color is filled in treemap.
string
Sets and gets format for the texts in the treemap.
Defaults to null
string
Sets and gets the height of the treemap component.
Defaults to null
Sets and gets the options for customizing the highlight of the treemap item on mouse over on the treemap component.
Specifies the options for customizing the initial drill down in treemap.
Specifies the rendering type of layout of the treemap component.
Sets and gets the options for customizing the leaf item of the treemap.
Sets and gets the options for customizing the legend of the treemap.
Sets and gets the options for customizing the levels of the treemap.
string
Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.
Defaults to ”
Sets and gets the options for customizing the margin in the treemap component.
string[]
Sets and gets the set of colors to apply in the treemap items.
Query
Sets and gets the query to select particular data from the shape data. This property is applicable only when the data source is created by data manager.
Defaults to null
string
Sets and gets the value path from the data source, based on it color is filled in treemap.
Specifies the rendering direction of layout of the treemap items.
Defaults to TopLeftBottomRight
Sets and gets the options for customizing the selection of the treemap item on click event on the treemap component.
number
Sets and gets the tab index value for treemap.
Defaults to 1
Sets and gets the options for customizing the theme of the treemap component.
Sets and gets the options for customizing the title of the treemap component.
Sets and gets the options for customizing the tooltip of the treemap.
Sets and gets the module that is used to add highlight functionality in the treemap.
Sets and gets the module that is used to add legend in the treemap.
Sets and gets the module that is used to add selection functionality in the treemap.
Sets and gets the module that is used to add tooltip in the treemap.
boolean
Enables or disables the visibility state of the separator for grouping.
Defaults to false
string
Sets and gets the value path of the weight from the data source, based on which the map item is rendered.
string
Sets and gets the width of the treemap component.
Defaults to null
This method calculates the selected treemap levels.
Parameter | Type | Description |
---|---|---|
labelText | string |
Specifies the label text. |
item | any |
Specifies the treemap item. |
Returns any
This method handles the click event on the treemap.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the mouse click event in the treemap. |
Returns void
This method compares the selected labels with the drill down items.
Parameter | Type | Description |
---|---|---|
drillLevelValues | any |
Specifies the values of drill level. |
item | any |
Specifies the treemap item. |
i | number |
Specifies the treemap item. |
Returns any
This method is used to dispose the treemap component.
Returns void
This method handles the double click event in the treemap.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event of mouse click. |
Returns void
This method is used to perform the export functionality for the rendered treemap.
Parameter | Type | Description |
---|---|---|
type | ExportType |
Specifies the extension type of the exported document. |
fileName | string |
Specifies file name for exporting the rendered TreeMap. |
orientation (optional) | PdfPageOrientation |
Specifies the orientation of the PDF document. |
allowDownload (optional) | boolean |
Specifies whether the exported file should be downloaded or not. |
Returns Promise
This method finds the weight value of the treemap level.
Parameter | Type | Description |
---|---|---|
processData | any[] |
Specifies the treemap data. |
type | string |
Specifies the type of the data. |
Returns void
Gets component name.
Returns string
This method handles the mouse down event in the treemap.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event of mouse click. |
Returns void
This method handles mouse end event in treemap.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event of mouse. |
Returns void
This method handles mouse leave event in treemap.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event of mouse. |
Returns void
This method handles the mouse move event in the treemap.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event of mouse click. |
Returns void
This method is used to perform the print functionality in treemap.
Parameter | Type | Description |
---|---|---|
id (optional) | string[] | string | Element |
Specifies the element to print the treemap. |
Returns void
This method orders the treemap level data.
Parameter | Type | Description |
---|---|---|
start | number |
Specifies the start value of the treemap level. |
Returns void
This method handles the window resize event on treemap.
Parameter | Type | Description |
---|---|---|
e | Event |
Specifies the pointer event. |
Returns void
This method handles the right click event in the treemap.
Parameter | Type | Description |
---|---|---|
e | PointerEvent |
Specifies the pointer event of mouse click. |
Returns void
This method is used to select or remove the selection of treemap item based on the provided selection settings.
Parameter | Type | Description |
---|---|---|
levelOrder | string[] |
Specifies the order of the level. |
isSelected (optional) | boolean |
check whether it is selected or not. |
Returns void
Triggers before the prints gets started.
Triggers after clicking on the treemap.
EmitType<IDoubleClickEventArgs>
Triggers after double clicking on the treemap.
Triggers after drill down functionality gets completed in the treemap.
EmitType<IDrillStartEventArgs>
Triggers on performing drill down functionality in the treemap.
Triggers after clicking an item in the treemap.
EmitType<IItemHighlightEventArgs>
Triggers after highlighting on the treemap item.
Triggers after mouse hover on the treemap item.
EmitType<IItemRenderingEventArgs>
Triggers before item rendering in the treemap component.
EmitType<IItemSelectedEventArgs>
Triggers after selecting a treemap item.
EmitType<ILegendItemRenderingEventArgs>
Triggers before rendering each legend item in the treemap.
EmitType<ILegendRenderingEventArgs>
Triggers before rendering the legend items in the treemap.
Triggers when the treemap is on load.
Triggers after treemap is rendered.
Triggers after mouse hover on the treemap.
Triggers after resizing the treemap component.
Triggers after right clicking on the treemap.
EmitType<ITreeMapTooltipRenderEventArgs>
Triggers on rendering of the tooltip in the treemap component.