prs/prs.desktop/Dashboards/Projects/JobDocumentStatusChart.xaml

<UserControl x:Class="PRSDesktop.JobDocumentStatusChart"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:PRSDesktop"
             xmlns:sf="http://schemas.syncfusion.com/wpf"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition x:Name="ChartRow" Height="*"/>
            <RowDefinition x:Name="LabelRow" Height="0"/>
        </Grid.RowDefinitions>
        <sf:SfChart x:Name="Chart" Grid.Row="0">
            <sf:SfChart.Legend>
                <sf:ChartLegend x:Name="Legend"
                                Orientation="Vertical"
                                DockPosition="Floating">
                    <sf:ChartLegend.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Margin="10,0,10,0" Orientation="Horizontal">
                                <Rectangle Width="10" Height="10" Margin="2" Fill="{Binding Colour}"/>
                                <TextBlock HorizontalAlignment="Center"
                                           Margin="5,0,0,0"
                                           VerticalAlignment="Center"
                                           Text="{Binding Text}"/>
                            </StackPanel>
                        </DataTemplate>
                    </sf:ChartLegend.ItemTemplate>
                </sf:ChartLegend>
            </sf:SfChart.Legend>
            <sf:SfChart.Resources>
                <Style TargetType="Path" x:Key="style">
                    <Setter Property="Stroke" Value="Black"/>
                    <Setter Property="Fill" Value="White"/>
                    <Setter Property="StrokeThickness" Value="2"/>
                </Style>
            </sf:SfChart.Resources>
            <sf:SfChart.Behaviors>
                <sf:ChartTooltipBehavior Style="{StaticResource style}"/>
            </sf:SfChart.Behaviors>
            <sf:PieSeries x:Name="Pie" XBindingPath="Group" YBindingPath="Count" SegmentColorPath="Colour"
                          ShowTooltip="True"
                          sf:ChartTooltip.ShowDuration="5000">
                <sf:PieSeries.TooltipTemplate>
                    <DataTemplate>
                        <TextBlock Background="White">
                            <Run Text="{Binding Item.MileStoneCode}"/>
                            <Run Text=":"/>
                            <Run Text="{Binding Item.Status}"/>
                            <LineBreak/>
                            <Run Text="{Binding Item.Count}"/>
                            <Run Text="Items"/>
                        </TextBlock>
                    </DataTemplate>
                </sf:PieSeries.TooltipTemplate>
                <sf:PieSeries.AdornmentsInfo>
                    <sf:ChartAdornmentInfo ShowLabel="True"
                                           SegmentLabelContent="LabelContentPath">
                        <sf:ChartAdornmentInfo.LabelTemplate>
                            <DataTemplate>
                                <TextBlock>
                                    <Run Text="{Binding Item.MileStoneCode}"/>
                                    <Run Text=":"/>
                                    <Run Text="{Binding Item.Status}"/>
                                </TextBlock>
                            </DataTemplate>
                        </sf:ChartAdornmentInfo.LabelTemplate>
                    </sf:ChartAdornmentInfo>
                </sf:PieSeries.AdornmentsInfo>
            </sf:PieSeries>
        </sf:SfChart>
        <Label x:Name="NoDataLabel" Grid.Row="1"
               HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
               HorizontalContentAlignment="Center" VerticalContentAlignment="Center"
               FontSize="30" Foreground="LightGray"/>
    </Grid>
</UserControl>