ASP.NET Core MVC Controls | ComponentOne
Working with Controls / TreeMap / Work with TreeMap / Theming
In This Topic
    Theming
    In This Topic

    The TreeMap chart control allows you to customize its appearance by using the Palette property. You can set a collection value to this property. The collection item type could be System.Drawing.Color or C1.Web.Mvc.TreeMapItemStyle.

    The following image shows how a TreeMap control appears after applying a theme using Palette property.

    The below example code uses FoodSale.cs model added in the QuickStart section.

    Themeing.cshtml

    Index.cshtml
    Copy Code
    @model IEnumerable<FoodSale>@{
        var colors = new List<string> { "#88bde6", "#fbb258", "#90cd97", "#f6aac9", "#bfa554", "#bc99c7", "#eddd46", "#f07e6e", "#8c8c8c" };
    }
    
    <c1-tree-map binding="Sales" binding-name="Category,SubCategory"
                 palette="@colors">
        <c1-items-source source-collection="Model"></c1-items-source>
        <c1-flex-chart-datalabel position="Center" content="{name}"></c1-flex-chart-datalabel>
    </c1-tree-map>