# Labels

## Content



You can add labels to display the value of each data point by using the `[DataLabel](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FlexChartCore-1.DataLabel.html)` property. You can even specify the position where you want to display your labels by setting the `[LabelPosition](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.Chart.LabelPosition.html)` property.

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

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

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

```html
<c1-flex-chart-datalabel position="LabelPosition.Top" content="{y}"></c1-flex-chart-datalabel>
```