Class ChartSeriesConnector

Provides the options to customize the appearance of the connector line in the chart.

Inheritance
System.Object
ChartSubComponent
ChartDefaultConnector
ChartSeriesConnector
Implements
System.IDisposable
Inherited Members
Namespace: Syncfusion.Blazor.Charts
Assembly: Syncfusion.Blazor.dll
Syntax
public class ChartSeriesConnector : ChartDefaultConnector, ISubcomponentTracker, IDisposable

Constructors

ChartSeriesConnector()

Declaration
public ChartSeriesConnector()

Properties

Color

Gets or sets the color of the connector line.

Declaration
public override string Color { get; set; }
Property Value
Type Description
System.String

A string value representing the color of the connector line, using valid CSS color strings (e.g., "black", "#000000", "rgba(0,0,0,1)"). The default value is "black".
Overrides
Remarks

This property sets the color of the connector line. Modifying it can change the visual appearance of lines connecting points in the series.

Examples
// This example demonstrates how to render a Waterfall chart with custom connector color settings.
<SfChart>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@SalesReports" XName="XValue" YName="YValue" Type="ChartSeriesType.Waterfall">
            <ChartSeriesConnector Width="5" Color="red" ></ChartSeriesConnector>
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

Width

Gets or sets the width of the connector line.

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

A double value representing the width of the connector line in pixels. The default value is 2.
Overrides
Remarks

This property allows customization of the thickness of the connector line between series points.

Examples
// This example demonstrates how to render a Waterfall chart with custom connector width settings.
<SfChart>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@SalesReports" XName="XValue" YName="YValue" Type="ChartSeriesType.Waterfall">
            <ChartSeriesConnector Width="5" ></ChartSeriesConnector>
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

Implements

System.IDisposable