The xamOrgChart™ control enables customization of the line connector (that is, the line connecting the nodes). The following properties can be can be configured:
Figure 1: Line Caps
Figure 2: Customized Line Connectors
Following is the code used to customize the Line Connectors in Figure 2.
In XAML:
<ig:XamOrgChart
LineStartCap="SolidArrow"
LineEndCap="Arrow"
LineThickness="1.5"
LineCapSize="9">
<ig:XamOrgChart.Line>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF252525" Offset="0.8" />
<GradientStop Color="#FF464646" Offset="1"/>
</LinearGradientBrush>
</ig:XamOrgChart.Line>
<ig:XamOrgChart.LineEffect>
<DropShadowEffect />
</ig:XamOrgChart.LineEffect>
</ig:XamOrgChart>In Visual Basic:
Dim stop1 As New GradientStop()
stop1.Color = ColorConverter.FromString("#FF252525")
stop1.Offset = 0.8
Dim stop2 As New GradientStop()
stop2.Color = ColorConverter.FromString("#FF464646")
stop2.Offset = 1
Dim brush As New LinearGradientBrush()
brush.StartPoint = New Point(0.5, 0)
brush.EndPoint = New Point(0.5, 1)
brush.GradientStops.Add(stop1)
brush.GradientStops.Add(stop2)
Dim orgChart As New XamOrgChart()
orgChart.LineStartCap = LineCap.SolidArrow
orgChart.LineEndCap = LineCap.Arrow
orgChart.LineThickness = 1.5
orgChart.LineCapSize = 9
orgChart.Line = brush
orgChart.LineEffect = New DropShadowEffect()
In C#:
GradientStop stop1 = new GradientStop();
stop1.Color = ColorConverter.FromString("#FF252525");
stop1.Offset = 0.8;
GradientStop stop2 = new GradientStop();
stop2.Color = ColorConverter.FromString("#FF464646");
stop2.Offset = 1;
LinearGradientBrush brush = new LinearGradientBrush();
brush.StartPoint = new Point(0.5, 0);
brush.EndPoint = new Point(0.5, 1);
brush.GradientStops.Add(stop1);
brush.GradientStops.Add(stop2);
XamOrgChart orgChart = new XamOrgChart();
orgChart.LineStartCap = LineCap.SolidArrow;
orgChart.LineEndCap = LineCap.Arrow;
orgChart.LineThickness = 1.5;
orgChart.LineCapSize = 9;
orgChart.Line = brush;
orgChart.LineEffect = new DropShadowEffect();