To jumpstart you, I've written an example completely in XAML that provides the results you are looking for. Replace your <UserControl.Resources> and root <Grid> with the following code.
<
UserControl.Resources
>
<
SolidColorBrush
x:Key
=
"ChartBackground"
Color
=
"#00FFFFFF"
/>
<
Style
x:Key
=
"RadPieChartStyleExample"
TargetType
=
"telerik:RadPieChart"
>
<
Setter
Property
=
"MinWidth"
Value
=
"100"
/>
<
Setter
Property
=
"MinHeight"
Value
=
"100"
/>
<
Setter
Property
=
"Background"
Value
=
"{StaticResource ChartBackground}"
/>
<
Setter
Property
=
"HorizontalContentAlignment"
Value
=
"Center"
/>
<
Setter
Property
=
"VerticalContentAlignment"
Value
=
"Center"
/>
<
Setter
Property
=
"Template"
>
<
Setter.Value
>
<
ControlTemplate
TargetType
=
"telerik:RadPieChart"
>
<
Border
x:Name
=
"layoutRoot"
BorderBrush
=
"{TemplateBinding BorderBrush}"
BorderThickness
=
"{TemplateBinding BorderThickness}"
Background
=
"{TemplateBinding Background}"
>
<
Grid
>
<
ContentPresenter
x:Name
=
"emptyContent"
ContentTemplate
=
"{TemplateBinding EmptyContentTemplate}"
Content
=
"{TemplateBinding EmptyContent}"
HorizontalAlignment
=
"{TemplateBinding HorizontalContentAlignment}"
IsHitTestVisible
=
"False"
Visibility
=
"Collapsed"
VerticalAlignment
=
"{TemplateBinding VerticalContentAlignment}"
/>
<
Canvas
x:Name
=
"renderSurface"
HorizontalAlignment
=
"Stretch"
VerticalAlignment
=
"Stretch"
>
<
Border
x:Name
=
"plotAreaDecoration"
Style
=
"{TemplateBinding PlotAreaStyle}"
/>
</
Canvas
>
<
Canvas
x:Name
=
"labelLayer"
HorizontalAlignment
=
"Stretch"
VerticalAlignment
=
"Stretch"
/>
<
Canvas
x:Name
=
"adornerLayer"
Background
=
"Transparent"
HorizontalAlignment
=
"Stretch"
VerticalAlignment
=
"Stretch"
/>
</
Grid
>
</
Border
>
</
ControlTemplate
>
</
Setter.Value
>
</
Setter
>
<
Setter
Property
=
"TrackBallLineStyle"
>
<
Setter.Value
>
<
Style
TargetType
=
"Polyline"
>
<
Setter
Property
=
"Stroke"
Value
=
"#FF828282"
/>
<
Setter
Property
=
"StrokeThickness"
Value
=
"2"
/>
</
Style
>
</
Setter.Value
>
</
Setter
>
<
Setter
Property
=
"DragZoomBorderStyle"
>
<
Setter.Value
>
<
Style
TargetType
=
"Border"
>
<
Setter
Property
=
"BorderBrush"
Value
=
"#FF828282"
/>
<
Setter
Property
=
"BorderThickness"
Value
=
"1"
/>
<
Setter
Property
=
"Background"
Value
=
"#40FFFFFF"
/>
</
Style
>
</
Setter.Value
>
</
Setter
>
</
Style
>
</
UserControl.Resources
>
<
Grid
x:Name
=
"LayoutRoot"
>
<
Grid.Background
>
<
LinearGradientBrush
EndPoint
=
"0.5,1"
StartPoint
=
"0.5,0"
>
<
GradientStop
Color
=
"Black"
Offset
=
"1"
/>
<
GradientStop
Color
=
"White"
/>
</
LinearGradientBrush
>
</
Grid.Background
>
<
telerik:RadPieChart
x:Name
=
"radChart1"
Margin
=
"159,88,170,121"
Style
=
"{StaticResource RadPieChartStyleExample}"
>
<
telerik:PieSeries
>
<
telerik:PieSeries.SliceStyles
>
<
Style
TargetType
=
"Path"
>
<
Setter
Property
=
"Shape.Fill"
Value
=
"Blue"
/>
</
Style
>
<
Style
TargetType
=
"Path"
>
<
Setter
Property
=
"Shape.Fill"
Value
=
"Yellow"
/>
</
Style
>
<
Style
TargetType
=
"Path"
>
<
Setter
Property
=
"Shape.Fill"
Value
=
"Green"
/>
</
Style
>
</
telerik:PieSeries.SliceStyles
>
<
telerik:PieDataPoint
Value
=
"9"
/>
<
telerik:PieDataPoint
Value
=
"3"
/>
<
telerik:PieDataPoint
Value
=
"3"
/>
</
telerik:PieSeries
>
</
telerik:RadPieChart
>
</
Grid
>