# Legend

## Content



You can specify the position where you want to display the legend using the [Legend](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.ChartLegend.html) property of the Sunburst chart. Legend helps in displaying the series of a chart with a predefined symbol and name of the series.

The image below shows how the Sunburst chart appears after you set the [Chart.Position](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.Chart.Position.html) property to **Bottom**.

![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/sunburstlegendbottom.png)

The following code example demonstrates how to set the Position property. This example uses the sample created in the [Quick Start](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/SunburstChart/SunBurstQuickStart) topic.

```razor
<c1-sunburst binding-name="Year, Quarter, Month" binding="Value" legend-position="Bottom">
<c1-items-source source-collection="Model"></c1-items-source>
</c1-sunburst>
```