Represents the Vue TreeMap component. It is used to visualize both hierarchical and flat data.
<ejs-treemap></ejs-treemap>
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.
Defaults to null
Sets and gets the options for customizing the color and width of the treemap border.
string
Specifies the symbol to show connection between the two words in the header of the treemap during drill down.
Defaults to ’ - ’
string
Sets and gets the value path from the data source, based on it color is filled in treemap.
Defaults to null
DataManager
| TreeMapAjax
| Object[]
Sets and gets the data source for the treemap.
Defaults to null
string
Sets and gets the description for treemap.
Defaults to null
boolean
Enables or disables the initial drill in the treemap.
Defaults to false
boolean
Enables or disables the connection text in the header of the treemap when drill down is enabled.
Defaults to false
boolean
Enables or disables the drill down functionality in treemap.
Defaults to false
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. This property is used when equal color mapping is set in the treemap.
Defaults to ”
string
Sets and gets format for the texts in the treemap. This property accepts any global string format like ‘C’, ‘N1’, ‘P’ etc.
Defaults to null
string
Sets and gets the height of the treemap.
Defaults to null
Sets and gets the options to customize the highlight functionality of the treemap.
Specifies the options for customizing the initial drill down in treemap.
Specifies the rendering type for the layout of the treemap.
Defaults to ‘Squarified’
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 to configure and customize the levels of treemap items.
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.
string[]
Sets and gets a set of colors to apply in the treemap items.
Defaults to []
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. This property is used when range color mapping is set in the treemap.
Defaults to ”
Specifies the rendering direction of layout of the treemap items.
Defaults to TopLeftBottomRight
Sets and gets the options for customizing the selection functionality of the treemap.
number
Sets and gets the tab index value for treemap.
Defaults to 0
Sets and gets the theme styles supported for treemap. When the theme is set, the styles associated with the theme will be set in the treemap.
Defaults to Material
Sets and gets the options for customizing the title of the treemap.
Sets and gets the options for customizing the tooltip of 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 treemap item is rendered.
Defaults to null
string
Sets and gets the width of the treemap.
Defaults to null
This method destroys the treemap. This method removes the events associated with the treemap and disposes the objects created for rendering and updating the treemap.
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 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 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 |
Specifies whether the treemap item should be selected or the selection should be removed. |
Returns void
Triggers before the print 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.
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 before the treemap is rendered.
Triggers after treemap is rendered.
Triggers after mouse hover on the treemap.
Triggers to notify the resize of the treemap when the window is resized.
Triggers after right clicking on the treemap.
EmitType<ITreeMapTooltipRenderEventArgs>
Triggers on rendering of the tooltip in the treemap.