ASP.NET Core MVC Controls | ComponentOne
Working with Controls / Sunburst Chart / Work with Sunburst / Header and Footer
In This Topic
    Header and Footer
    In This Topic

    You can provide a heading or title to the Sunburst chart with the help of Header property. Moreover, you may also set a footer for your Sunburst chart with the help of Footer property. These properties also allows you to style your header and footer text with the help of HeaderStyle and FooterStyle properties.

    The image below shows how the Sunburst chart appears, after you set the Header and Footer properties.

    The following code example demonstrates how to set Header and Footer properties. This example uses the sample created in the Quick Start topic.

    Razor
    Copy Code
    <c1-sunburst header="Sales Data" footer="*Random data by ComponentOne"
    binding-name="Year, Quarter, Month" binding="Value">
    <c1-flex-chart-title-style c1-property="FooterStyle"></c1-flex-chart-title-style>
    <c1-flex-chart-title-style c1-property="HeaderStyle"></c1-flex-chart-title-style>
    <c1-items-source source-collection="Model"></c1-items-source>
    </c1-sunburst>