Class ConnectorShapeStyle

Represents the appearance of the connector.

Inheritance
System.Object
SfDiagramBase
ConnectorShapeStyle
Inherited Members
Namespace: Syncfusion.Blazor.Diagrams
Assembly: Syncfusion.Blazor.dll
Syntax
public class ConnectorShapeStyle : SfDiagramBase
Examples
  
<SfDiagram Height="600px" Connectors="@ConnectorCollection">
</SfDiagram>
@code
{
  //Defines diagram's connector collection
  public ObservableCollection<DiagramConnector> ConnectorCollection = new ObservableCollection<DiagramConnector>();
  protected override void OnInitialized()
  {
    DiagramConnector DiagramConnector = new DiagramConnector()
    {
      SourcePoint = new ConnectorSourcePoint() { X = 100, Y = 100 },
      TargetPoint = new ConnectorTargetPoint() { X = 200, Y = 200 },
      Style = new ConnectorShapeStyle()
      {
        StrokeColor = "#6f409f",
        StrokeWidth = 1,
        Fill = "#6f409f",
        Opacity = 1,
        StrokeDashArray = "2,2"
       },
      //Specify the segments types as straight.
      Type = Segments.Straight,
    };
    ConnectorCollection.Add(DiagramConnector);
    }
  }

Constructors

ConnectorShapeStyle()

Represents the appearance of the connector.

Declaration
public ConnectorShapeStyle()

Properties

Fill

Gets or sets the fill color of the shape or path.

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

Gradient

This property allows the users to define and apply the gradient effect to the connector.

Declaration
public DiagramGradient Gradient { get; set; }
Property Value
Type Description
DiagramGradient

Opacity

Defines the transparency level of the connector. By default, it’s set to 1.

Declaration
public double Opacity { get; set; }
Property Value
Type Description
System.Double
Remarks
Opacity values are ranges from 0 to 1 where,
• 0 represents completely transparent
• 0 represents completely transparent
• 1 represents not transparent at all.

StrokeColor

Gets or sets the stroke color of the connector.

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

StrokeDashArray

Gets or sets the pattern of dashes and space to the stroke of the connector.

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

StrokeWidth

Gets or sets the width to the stroke of the connector.

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