# Labels

You can add labels to display the value of each data point.

## Content



You can add labels to display the value of each data point by using the [Label](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Chart/C1.Blazor.Chart.FlexPie.Label.html) property of FlexPie class. You can even specify the position where you want to display your labels by setting the **LabelPosition** property.

The image below shows how labels appear on each data point on the FlexChart.

![PieLabel](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/flexpiequickstart.png)

The following code example demonstrates how to add labels to the FlexChart. This example uses the sample created in the Quick Start section.

```razor
<Label>
   <PieDataLabel Position="PieLabelPosition.Inside" Content="{value:n1}%" Style="font-size:12px;color:white" />
</Label>
```