Blazor | ComponentOne
Controls / FlexChart / Elements / Data Labels
In This Topic
    Data Labels
    In This Topic

    Data labels are the labels associated with the data points, generally, displaying the value of those data points. They are especially useful in the charts where it is difficult to know the exact value of data points by simply looking at them.

    You can add labels to display the value of each data point by using Label property of the FlexChart class and specify the position where you want to display your labels using Position property of the DataLabel class. The Position property sets the position for data labels using the LabelPosition enumeration.

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

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

    Razor
    Copy Code
    <Label>
        <DataLabel Position="LabelPosition.Top" Content="Data Label" />
    </Label>