Class AccumulationChartConnector

Gets and sets the connector line property for the Accumulation chart's datalabel.

Inheritance

System.Object

SfBaseComponent

AccumulationChartConnector

Inherited Members

SfBaseComponent.Dispose()

SfBaseComponent.Dispose(Boolean)

SfBaseComponent.OnAfterRenderAsync(Boolean)

SfBaseComponent.OnInitializedAsync()

SfBaseComponent.OnObservableChange(String, Object, Boolean, NotifyCollectionChangedEventArgs)

Namespace: Syncfusion.Blazor.Charts

Assembly: Syncfusion.Blazor.dll

Syntax

public class AccumulationChartConnector : SfBaseComponent

Constructors

AccumulationChartConnector()

Declaration

public AccumulationChartConnector()

Properties

Color

Gets or sets the color of the connector line for data labels in the SfAccumulationChart.

Declaration

public string Color { get; set; }

Property Value

Type	Description
System.String	Accepts a string value. The default connector line color is derived from the corresponding chart series point fill color.

Remarks

The connector line is enabled only if Position is set to AccumulationLabelPosition.Outside.

Examples

// The following example demonstrates setting a custom color for the connector line in an accumulation chart:
<SfAccumulationChart>
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users">
            <AccumulationDataLabelSettings Visible="true" Position="AccumulationLabelPosition.Outside">
                <AccumulationChartConnector Color="#1b49cc"></AccumulationChartConnector>
            </AccumulationDataLabelSettings>
        </AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

DashArray

Gets or sets the dash pattern of the connector line in the SfAccumulationChart.

Declaration

public string DashArray { get; set; }

Property Value

Type	Description
System.String	Accepts a string value representing the dash pattern. The default value is an empty string, which results in a solid line.

Remarks

The DashArray property allows customization of the connector line's appearance by creating dashed lines. For example, "2,2" defines a pattern with equal dashes and gaps. This is primarily used when the Position is set to AccumulationLabelPosition.Outside.

Examples

// The following example demonstrates setting a custom dash pattern for the connector line in an accumulation chart:
<SfAccumulationChart>
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users">
            <AccumulationDataLabelSettings Visible="true" Position="AccumulationLabelPosition.Outside">
                <AccumulationChartConnector DashArray="2,2"></AccumulationChartConnector>
            </AccumulationDataLabelSettings>
        </AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Length

Gets or sets the length of the connector line in pixels for data labels in the SfAccumulationChart.

Declaration

public string Length { get; set; }

Property Value

Type	Description
System.String	A string representing the length of the connector line in pixels.

Remarks

The Length property determines how far the connector line extends from the data point to the label. This is primarily used when the Position is set to AccumulationLabelPosition.Outside.

Examples

// The following example demonstrates setting the length of the connector line to 30 pixels:
<SfAccumulationChart>
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users">
            <AccumulationDataLabelSettings Visible="true" Position="AccumulationLabelPosition.Outside">
                <AccumulationChartConnector Length="30"></AccumulationChartConnector>
            </AccumulationDataLabelSettings>
        </AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Type

Gets or sets the type of the connector line for data labels in the SfAccumulationChart.

Declaration

public ConnectorType Type { get; set; }

Property Value

Type	Description
ConnectorType	One of the ConnectorType enumerations that specifies the type of the connector. Options include: Line: Renders the connector as a straight line. Curve: Renders the connector as a smooth curve. The default value is ConnectorType.Line.

Remarks

The Type property defines the style of the connector line that connects a data point to its label. This setting is particularly useful when data labels are positioned outside, such as when Position is set to AccumulationLabelPosition.Outside.

Examples

// The following example demonstrates setting the type of the connector to Curve:
<SfAccumulationChart>
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users">
            <AccumulationDataLabelSettings Visible="true" Position="AccumulationLabelPosition.Outside">
                <AccumulationChartConnector Type="ConnectorType.Curve"></AccumulationChartConnector>
            </AccumulationDataLabelSettings>
        </AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Width

Gets or sets the width of the connector line in pixels for data labels in the SfAccumulationChart.

Declaration

public double Width { get; set; }

Property Value

Type	Description
System.Double	A double representing the width of the connector line in pixels. The default value is 1.

Remarks

The Width property determines the thickness of the connector line. This is primarily used when the Position is set to AccumulationLabelPosition.Outside.

Examples

// The following example demonstrates setting the width of the connector line to 5 pixels:
<SfAccumulationChart>
    <AccumulationChartSeriesCollection>
        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users">
            <AccumulationDataLabelSettings Visible="true" Position="AccumulationLabelPosition.Outside">
                <AccumulationChartConnector Width="5"></AccumulationChartConnector>
            </AccumulationDataLabelSettings>
        <AccumulationChartSeries>
    </AccumulationChartSeriesCollection>
</SfAccumulationChart>

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

Type	Name	Description
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder	__builder