Skip to main content
All docs
V25.1
  • DevExpress v25.1 Update — Your Feedback Matters

    Our What's New in v25.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

    Take the survey Not interested

    IChartSeriesLabelBorder Interface

    Contains label border settings.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    #Declaration

    C#
    public interface IChartSeriesLabelBorder

    The following members return IChartSeriesLabelBorder objects:

    #Remarks

    Use the Border property in a CustomizeSeriesPoint event handler to access and modify the following border settings:

    Visible
    Allows you to hide or display label borders.
    Color
    Specifies the border color.
    DashStyle | Width
    Allow you to customize style and width of the border line.

    #Example

    The following code snippet configures border settings of visible point labels:

    Chart - Label Border Customization

    Razor
    <DxChart Data="@WeatherForecasts"
             CustomizeSeriesPoint="@PreparePointLabel"
             Width="100%">
        <DxChartTitle Text="Annual Weather in New York" />
        <DxChartLineSeries SummaryMethod="@(i => i.Average())"
                            ValueField="@((DetailedWeatherSummary i) => i.AverageTemperatureF)"
                            ArgumentField="@(i => new DateTime(2000, i.Date.Month, 1))"
                            Name="Temperature, F"
                            Filter="@((DetailedWeatherSummary  i) => i.City == "NEW YORK")">
            <DxChartSeriesLabel Position="RelativePosition.Outside"
                                FormatPattern="{argument:MMMM}: {value:#.##} °F">
                <DxChartSeriesLabelConnector Visible="true"
                                                Width="3" />
                <DxChartFont Size="14" Weight="600"/>
            </DxChartSeriesLabel>
        </DxChartLineSeries>
        @* ... *@
    </DxChart>
    
    @code {
        WeatherForecast[] WeatherForecasts;
        // ...
    
        protected void PreparePointLabel(ChartSeriesPointCustomizationSettings pointSettings) {
            double value = (double)pointSettings.Point.Value;
            if (value > 50 && value < 70)
                pointSettings.PointLabel.Visible = true;
                // ...
                pointSettings.PointLabel.Border.Visible = true;
                pointSettings.PointLabel.Border.Width = 2.5;
        }
    }
    
    See Also