Class ConnectorShapeStyle
Represents the appearance of the connector.
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 |