ScanGraphCircular.xaml

<UserControl x:Class="FLY.Thick.Blowing.UI.UiModule.ScanGraphCircular"
             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:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
             mc:Ignorable="d" 
             xmlns:local="clr-namespace:FLY.Thick.Blowing.UI.UiModule"
             d:DesignHeight="400" d:DesignWidth="400">
    <UserControl.Resources>


        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/FLY.ControlLibrary;component/Converter/Dictionary_MyConv.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/FLY.Thick.Blowing.UI;component/Themes/Styles.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/FLY.Thick.Blowing.UI;component/Themes/Colors.xaml"/>
            </ResourceDictionary.MergedDictionaries>

            <local:ScanGraphCircularVmUt x:Key="viewmodel"/>
            <!--<SolidColorBrush x:Key="TextBrush" Color="#4C4949" />
            <SolidColorBrush x:Key="GrayBrush1" Color="#FF727272"/>
            <SolidColorBrush x:Key="GrayBrush2" Color="#FF858484" />
            <SolidColorBrush x:Key="SemiTransparentGreyBrush" Color="#99F0F0F0"/>
            <SolidColorBrush x:Key="SemiTransparentActiveBrush" Color="#50008BE5"/>
            <SolidColorBrush x:Key="WhiteBrush" Color="White"/>
            <Style x:Key="TitleStyle" TargetType="TextBlock">
                <Setter Property="Width" Value="50"/>
                <Setter Property="Foreground" Value="{StaticResource GrayBrush1}"/>
                <Setter Property="FontSize" Value="16"/>
                <Setter Property="TextAlignment" Value="Right"/>
            </Style>
            <Style x:Key="ValueStyle" TargetType="TextBlock">
                <Setter Property="Foreground" Value="{StaticResource TextBrush}"/>
                <Setter Property="FontSize" Value="20"/>
                <Setter Property="Padding" Value="5,0"/>
            </Style>
            <Style x:Key="ValueStyle2" TargetType="TextBlock">
                <Setter Property="Foreground" Value="{StaticResource WhiteBrush}"/>
                <Setter Property="Background" Value="{StaticResource TextBrush}"/>
                <Setter Property="FontSize" Value="26"/>
                <Setter Property="Padding" Value="5,0"/>
            </Style>
            <Style x:Key="UnitStyle" TargetType="TextBlock">
                <Setter Property="Foreground" Value="{StaticResource GrayBrush2}"/>
                <Setter Property="FontSize" Value="15"/>
                <Setter Property="VerticalAlignment" Value="Bottom"/>
            </Style>-->
        </ResourceDictionary>
    </UserControl.Resources>
    <Border Style="{StaticResource Styles.Module.Border}" >
        <Grid d:DataContext="{StaticResource viewmodel}">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="auto"/>
                <ColumnDefinition Width="400*"/>
                <ColumnDefinition Width="280*"/>
            </Grid.ColumnDefinitions>
            <local:PolarChart x:Name="graph" Grid.Row="1" Grid.ColumnSpan="3" />

            <Button Style="{StaticResource Styles.Button.Icon}" Margin="0,0,0,-20"
                        Click="Button_info_click" >
                <Grid Style="{StaticResource Styles.Shadow}" >
                    <TextBlock  Padding="10,5" VerticalAlignment="Top"
                                    FontSize="24" Foreground="White" Background="{StaticResource Brushes.Activity}" 
                                    Text="环型图" />
                </Grid>
            </Button>
            <Grid Grid.Column="1" Grid.RowSpan="2" Panel.ZIndex="2" 
                  VerticalAlignment="Top" HorizontalAlignment="Left" >
                <Viewbox MaxHeight="50">
                    <StackPanel Orientation="Horizontal">
                        <StackPanel>
                            <StackPanel Orientation="Horizontal" VerticalAlignment="Bottom" Margin="5">

                                <TextBlock Style="{StaticResource ValueStyle}" >
                            <Run Text="{Binding Time,Mode=OneWay,StringFormat={}{0:MM-dd HH:mm:ss}}"/>~<Run Text="{Binding EndTime,Mode=OneWay,StringFormat={}{0:HH:mm:ss}}"/>
                                </TextBlock>
                                <StackPanel Orientation="Horizontal" Margin="5,0">
                                    <TextBlock Style="{StaticResource TitleStyle}" Text="ID:" />
                                    <TextBlock Style="{StaticResource ValueStyle}" Text="{Binding Id}"/>
                                </StackPanel>

                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <StackPanel Orientation="Horizontal" Margin="5,0">
                                    <TextBlock >
                                        <TextBlock.Style>
                                            <Style TargetType="TextBlock" BasedOn="{StaticResource ValueStyle}">
                                                <Setter Property="Background" Value="#99000000"/>
                                                <Setter Property="Foreground" Value="White"/>
                                                <Setter Property="Text" Value="逆"/>
                                                <Style.Triggers>
                                                    <DataTrigger Binding="{Binding IsBackw}" Value="True">
                                                        <Setter Property="Background" Value="#99008BE5"/>
                                                        <Setter Property="Text" Value="顺"/>
                                                    </DataTrigger>
                                                </Style.Triggers>
                                            </Style>
                                        </TextBlock.Style>
                                    </TextBlock>
                                </StackPanel>
                                <StackPanel Orientation="Horizontal" Background="#99FFFFFF">
                                    <StackPanel Orientation="Horizontal" Margin="5,0">
                                        <TextBlock Style="{StaticResource ValueStyle}" 
                                                   Text="{Binding RPeriod, Converter={StaticResource timespanconv}}" 
                                                    />
                                        <TextBlock Style="{StaticResource TitleStyle}" Width="auto" VerticalAlignment="Bottom"
                                                   Text="min/R" />
                                    </StackPanel>
                                </StackPanel>

                                <StackPanel Orientation="Horizontal" Margin="5,0" >
                                    <TextBlock Style="{StaticResource TitleStyle}" Text="混合:" />
                                    <TextBlock Style="{StaticResource ValueStyle}" Text="{Binding Mix}" Background="#99FFFFFF"/>
                                </StackPanel>
                            </StackPanel>
                        </StackPanel>
                    </StackPanel>
                </Viewbox>
            </Grid>
            <Grid Grid.Column="2" Grid.RowSpan="2" Panel.ZIndex="1" 
                  Margin="10,0" VerticalAlignment="Top" HorizontalAlignment="Right"
                  Background="{StaticResource SemiTransparentGreyBrush}" >
                <Viewbox MaxHeight="50">
                    <StackPanel Margin="5">
                        <StackPanel.Resources>
                            <Style TargetType="Viewbox">
                                <Setter Property="Height" Value="25"/>
                                <Setter Property="Width" Value="120"/>
                                <Setter Property="HorizontalAlignment" Value="Left"/>
                                <Setter Property="VerticalAlignment" Value="Top"/>
                            </Style>
                        </StackPanel.Resources>
                        <StackPanel Orientation="Horizontal">
                            <Viewbox >
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Style="{StaticResource TitleStyle}" 
                                           Foreground="{StaticResource WhiteBrush}"
                                           Background="{StaticResource TextBrush}"
                                           Opacity="0.8"
                                           Text="平均: "
                                           />
                                    <TextBlock Style="{StaticResource ValueStyle}" 
                                           Foreground="{StaticResource WhiteBrush}"
                                           Background="{StaticResource TextBrush}"
                                           Text="{Binding Average,StringFormat={}{0:F1}}" 
                                           />
                                </StackPanel>
                            </Viewbox>
                            <Viewbox>
                                <StackPanel Orientation="Horizontal" Background="#99000000">
                                    <TextBlock Style="{StaticResource TitleStyle}" Foreground="White"
                                           Text="  2σ: " 
                                           />
                                    <TextBlock Style="{StaticResource ValueStyle}" 
                                           Foreground="{StaticResource WhiteBrush}"
                                           Background="{StaticResource TextBrush}"
                                           Text="{Binding Sigma2Text}"  
                                           />
                                </StackPanel>
                            </Viewbox>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal">
                            <Viewbox >
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Style="{StaticResource TitleStyle}" Text="最大: "/>
                                    <TextBlock Style="{StaticResource ValueStyle}" Text="{Binding MaxText}"/>
                                </StackPanel>
                            </Viewbox>
                            <Viewbox >
                                <StackPanel Orientation="Horizontal" >
                                    <TextBlock Style="{StaticResource TitleStyle}" 
                                               Text="最小: " />
                                    <TextBlock Style="{StaticResource ValueStyle}" 
                                               Text="{Binding MinText}"/>
                                </StackPanel>
                            </Viewbox>
                        </StackPanel>

                    </StackPanel>
                </Viewbox>
            </Grid>
        </Grid>
    </Border>

</UserControl>