Class ChartSeriesBorder

Provides option to customize the border of the chart series.

Inheritance

System.Object

ChartSubComponent

ChartSeriesBorder

Namespace: Syncfusion.Blazor.Charts

Assembly: Syncfusion.Blazor.dll

Syntax

public class ChartSeriesBorder : ChartSubComponent, ISubcomponentTracker

Constructors

ChartSeriesBorder()

Declaration

public ChartSeriesBorder()

Properties

Color

Gets or sets the color of the border.

Declaration

public string Color { get; set; }

Property Value

Type	Description
System.String	A string representing the color of the series border. Accepts values in hex and rgba as valid CSS color strings.

Remarks

This property allows you to define the border color of the series. Changing this value can update the series rendering.

Examples

// This example demonstrates how to render a column chart with a custom border color.
<SfChart>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue" Type="ChartSeriesType.Column">
            <ChartSeriesBorder Width="5" Color="blue"></ChartSeriesBorder>
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

Width

Gets or sets the width of the border in pixels.

Declaration

public double Width { get; set; }

Property Value

Type	Description
System.Double	A double representing the width of the series border.

Remarks

This property determines the thickness of the series border. Adjusting the width affects the visual styling of the series.

Examples

// This example demonstrates how to render a column chart with a custom border width.
<SfChart>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue" Type="ChartSeriesType.Column">
            <ChartSeriesBorder Width="10" Color="red"></ChartSeriesBorder>
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>