ChartSeriesLabelModel.Connector Property

Specifies the label’s connector settings.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public ChartSeriesLabelConnectorModel Connector { get; }

Property Value

Type	Description
ChartSeriesLabelConnectorModel	A series label connector.

Remarks

The PointLabel property returns instances of the ChartSeriesLabelModel class. Use this property in the CustomizeSeriesPoint event handler to specify the label color, position, connector, and visibility.

Connectors are used to link series points and their labels. The Connector property allows you to specify the color, visibility, and width of a specific connector.

The code below hides connectors for all visible point labels.

<DxChart Data="@WeatherForecasts" CustomizeSeriesPoint="@PreparePointLabel">
    <DxChartLineSeries AggregationMethod="@(i => (int)i.Average())"
                       ValueField="@((WeatherForecast i) => i.TemperatureF)"
                       ArgumentField="@(i => i.Date.Date)"
                       Name="Temperature, F">
        <DxChartSeriesLabel Position="RelativePosition.Outside" />
    </DxChartLineSeries>
    <DxChartLegend Position="RelativePosition.Outside" />
</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.Connector.Visible = false;
        }
    }
}

Run Demo: Charts - Series Label Customization