# Legend

## Content



You can specify the position where you want to display the legend in the `[Legend](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FlexChartBase-1.Legend.html)` property of the FlexPie.

The image below shows how the FlexPie appears after these properties have been set.

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

The following code example demonstrates how to set this property. This example uses the sample created in the [Quick Start](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/QuickStart) section.

```html
<c1-flex-pie binding-name="Country" binding="Sales" legend-position="Position.Bottom">
    <c1-items-source source-collection="Model"></c1-items-source>
</c1-flex-pie>
```