When added to data points in the chart, data labels make it easier to understand the chart data because they display details about individual data points. These labels quickly highlight data that is both relevant and important.

There is a simple method to add data labels to data points while working with FlexChart. You just need to configure the Content property as per the type of entry you want to display in data labels. And you need to set the position of data labels using the Position property to display the data labels in the chart.

The table below lists the pre-defined parameters applicable for data label content customization.

See the following code snippet for reference.

Here is the code that demonstrates a fully-functional program implementing data binding:

<Chart:C1FlexChart.DataLabel>
    <Chart:DataLabel Content="{}{y}" Position="Top"/>
</Chart:C1FlexChart.DataLabel>

flexChart.DataLabel.Content = "{y}";
flexChart.DataLabel.Position = LabelPosition.Top;

Depending upon the chart type, you can select from different positioning options to position data labels perfectly in the chart. The Position property accepts the following values from the LabelPosition enumeration:

Using the Content property, you can customize the content of the data labels to further include series names, index values, or names of data points.

The following code shows how to set the Content property to include series names and data point values in data labels.

<c1:C1FlexChart.DataLabel>
    <c1:DataLabel Content="{}{seriesName}&#x0a;{y}"/>
</c1:C1FlexChart.DataLabel>

// set the Content property
flexChart.DataLabel.Content = "{seriesName}\n{value}";