TreeMap

Example

Razor

<kendo-treemap>
    <hierarchical-datasource></hierarchical-datasource>
    <treemap-template></treemap-template>
</kendo-treemap>

ChildTags

Tag Name	Details
hierarchical-datasource	HierarchicalDataSourceTagHelper
treemap-template	TemplateTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
colors	Object[]	The default colors for the TreeMap items (tiles). Can be set to array of specific colors or array of color ranges. For more information on the widget behavior, see the Colors section on the TreeMap Overview page.
data-source-id	String	The Id of the data source.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-module	Boolean
auto-bind	Boolean	If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration.
color-field	String	The data item field which contains the tile color.
has-client-component	Boolean
on-data-bound	String	Fired when the widget is bound to data from its dataSource.
on-item-created	String	Fired when a tile has been created.
sanitize-id	Boolean
script-attributes	IDictionary<String,Object>
template	String	The template which renders the treeMap tile content.The fields which can be used in the template are: dataItem - the original data item used to construct the point. or text - the original tile text..
template-handler	String	The template which renders the treeMap tile content.The fields which can be used in the template are: dataItem - the original data item used to construct the point. or text - the original tile text..
template-id	String	The template which renders the treeMap tile content.The fields which can be used in the template are: dataItem - the original data item used to construct the point. or text - the original tile text..
template-view	IHtmlContent	The template which renders the treeMap tile content.The fields which can be used in the template are: dataItem - the original data item used to construct the point. or text - the original tile text..
text-field	String	The data item field which contains the tile title.
theme	String	The theme of the TreeMap.
type	TreeMapType	The layout type for the Treemap.
value-field	String	The data item field which contains the tile value.