TreeMap Tag Helper Overview

The TreeMap tag helper helps you configure the Kendo UI TreeMap widget in ASP.NET Core applications.

Basic Usage

The following example demonstrates how to define the TreeMap by using the TreeMap tag helper.

<kendo-treemap datasource-id="dataSource" name="treeMap" text-field="name" value-field="value"></kendo-treemap>

    var dataSource = new{
        data: [{
            name: "foo",
            value: 1

Binding to Remote Data

You can also bind the DataSource to remote data. The following example demonstrates how to bind the Kendo UI TreeMap tag helper to a remote service.

    <kendo-treemap name="treemap" text-field="name" value-field="value">
                <read url="/treemap/_populationusa" />
                <hierarchical-model children="items"></hierarchical-model>

        .DataSource(dataSource => dataSource
            .Read(read => read
                .Action("_PopulationUSA", "TreeMap")
            .Model(m => m.Children("Items"))
        .HtmlAttributes(new { style = "height:600px; font-size: 12px;" })

See Also

In this article
Not finding the help you need? Improve this article