ChartSeriesLabelModel.Position Property

Specifies a point’s label position.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[DefaultValue(RelativePosition.Outside)]
public RelativePosition Position { get; set; }

Property Value

Type Default Description
RelativePosition

Outside

A RelativePosition enumeration value that specifies the label position.

Available values:

Name Description
Inside

An element is displayed inside the component.

Outside

An element is displayed outside the component.

Remarks

This property applies only to bubble, range-like and bar-like series.

The Position property specifies the position (inside or outside the series points) for the visible point labels in a series.

The following example demonstrates how to handle the CustomizeSeriesPoint event to display labels inside of series points whose values are between 25 and 75.

<DxChart Data="@WeatherForecasts" CustomizeSeriesPoint="@PreparePointLabel">
    <DxChartBarSeries AggregationMethod="@(i => (int)i.Average())"
                       ValueField="@((WeatherForecast i) => i.TemperatureF)"
                       ArgumentField="@(i => i.Date.Date)"
                       Name="Temperature, F">
    </DxChartBarSeries>
</DxChart>

@code {
    WeatherForecast[] WeatherForecasts;
    ...
    protected void PreparePointLabel(ChartSeriesPointCustomizationSettings pointSettings) {
        double value = (double)pointSettings.Point.Value;
        if(value > 25 && value < 75) {
            pointSettings.PointLabel.Visible = true;
            pointSettings.PointLabel.Position = RelativePosition.Inside;
        }
    }
}

Chart Series Labels - Position

Run Demo: Charts - Series Label Customization

See Also