ChartSeriesLabelModel.Position Property

Specifies a point’s label position.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
RelativePosition	Outside	A RelativePosition enumeration value.

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;
        }
    }
}

Run Demo: Charts - Series Label Customization