# Labels

FlexChart allows adding labels to display the value of each data point. Learn more about the FlexChart labels in MVC documentation.

## Content



You can add labels to display the value of each data point by using the [DataLabel](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.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/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.Chart.LabelPosition.html) property.

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

![Labels added to the FlexChart](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/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/workwithcontrols/FlexChart/QuickStart) section.

```razor
.DataLabel(dl => dl.Position(C1.Web.Mvc.Chart.LabelPosition.Top).Content("{y}"))
```