I am trying to create a graph similar to this one here
I have xaml code like this:
<Border Grid.Row="1" Margin="0 4 0 0" Background="White" BorderBrush="#FFD6D4D4" BorderThickness="0 0 1 1">
<Grid>
<Border BorderThickness="1 1 0 0" BorderBrush="#D6D6D6" />
<telerik:RadDiagram x:Name="diagram" GraphSource="{Binding GraphSource}"
ScrollViewer.HorizontalScrollBarVisibility="Visible"
ScrollViewer.VerticalScrollBarVisibility="Visible"
Zoom="{Binding ZoomFactor, Mode=TwoWay, Source={StaticResource repGpDataInstance}}" Height="800" />
</Grid>
</Border>
In my code behind I do the following: (after initializing components ...etc)
this.treeLayout.Layout(this.diagram, mymodel.ChildTreeLayoutViewModel.CurrentLayoutSettings);
Yet even thought the layout type is set to TreeDown, I get all the nodes on top of each other and I do not see a tree structure. How can I do this the right way? I need a tree structure of the nodes supplied through ObservableCollection<Object>