menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class ChartDataLabelBorder - Blazor API Reference | Syncfusion

    Show / Hide Table of Contents

    Class ChartDataLabelBorder

    Provides options to customize the datalabel border.

    Inheritance
    System.Object
    ChartSubComponent
    ChartDefaultBorder
    ChartDataLabelBorder
    Inherited Members
    ChartDefaultBorder.Color
    Namespace: Syncfusion.Blazor.Charts
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public class ChartDataLabelBorder : ChartDefaultBorder, ISubcomponentTracker

    Constructors

    ChartDataLabelBorder()

    Declaration
    public ChartDataLabelBorder()

    Properties

    Width

    Gets or sets the width of the data label border.

    Declaration
    public override double Width { get; set; }
    Property Value
    Type Description
    System.Double

    A double that represents the width of the border. The default value is double.NaN.

    Overrides
    ChartDefaultBorder.Width
    Remarks

    The width of the data label border can be adjusted to enhance the visibility and aesthetics of the data labels in the chart.

    Examples
    // The following example demonstrates setting the width of the data label border to 2:
    <SfChart>
        <ChartSeriesCollection>
            <ChartSeries DataSource="@WeatherReports" XName="X" YName="Y">
                <ChartMarker>
                    <ChartDataLabel Visible="true">
                        <ChartDataLabelBorder Width="2" Color="#1b49cc"></ChartDataLabelBorder>
                    </ChartDataLabel>
                </ChartMarker>
            </ChartSeries>
        </ChartSeriesCollection>
    </SfChart>
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved