MARKUS

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

             xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

             xmlns:controls="clr-namespace:Markus.Service.StationController.Controls"

             xmlns:VM="clr-namespace:Markus.Service.StationController.ViewModel"

             xmlns:Data="clr-namespace:Markus.Service.StationController.Data"  

             xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

             xmlns:local="clr-namespace:Markus.Service.StationController.Views" x:Class="Markus.Service.StationController.Views.DashBoard"

             mc:Ignorable="d"  Background="White" DataContext="{DynamicResource DashBoardViewModel}" 

      d:DesignHeight="450" d:DesignWidth="1000">

    <UserControl.Resources>

        <SolidColorBrush x:Key="ActualBrush" Color="#FFCCCCCC" />

        <SolidColorBrush x:Key="TargetBrush" Color="#FF1B9DDE" />

        <Style x:Key="TextBlockCountryStyle" TargetType="TextBlock">

            <Setter Property="FontSize" Value="12" />

            <Setter Property="Foreground" Value="Black" />

            <Setter Property="Margin" Value="0 0 14 0" />

        </Style>

        <telerik:ChartPalette x:Key="ActualTargetChartPalette">

            <telerik:ChartPalette.GlobalEntries>

                <telerik:PaletteEntry Fill="{StaticResource ActualBrush}" />

                <telerik:PaletteEntry Fill="{StaticResource TargetBrush}" />

            </telerik:ChartPalette.GlobalEntries>

        </telerik:ChartPalette>

        <Style x:Key="TransparentTickStyle" TargetType="Rectangle" />

        <RectangleGeometry x:Key="SolidRectLegendGeometry" Rect="0 0 12 12" />

        <RectangleGeometry x:Key="LineSeriesLegendGeometry" Rect="0 5 12 2" />

        <VM:DashBoardViewModel x:Key="DashBoardViewModel"/>

        <controls:RightAlignedLabelStrategy x:Key="RightAlignedLabelStrategy"/>

    </UserControl.Resources>

    <i:Interaction.Triggers>

        <i:EventTrigger  EventName="Loaded">

            <i:InvokeCommandAction Command="{Binding LoadedCommand}"/>

        </i:EventTrigger>

        <i:EventTrigger  EventName="Unloaded">

            <i:InvokeCommandAction Command="{Binding ClosingCommand}"/>

        </i:EventTrigger>

    </i:Interaction.Triggers>

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

            <RowDefinition Height="*" />

        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>

            <ColumnDefinition/>

            <ColumnDefinition/>

        </Grid.ColumnDefinitions>

        <StackPanel Margin="0,10" Orientation="Horizontal" HorizontalAlignment="Right" Grid.Row="0"  Height="20" >

            <TextBlock Text="Display Count : " VerticalAlignment="Center"/>

            <telerik:RadComboBox x:Name="ComboCount" Width="100" SelectedItem="{Binding SelectedCount, Mode=TwoWay}" Margin="0,0,10,0" SelectedValuePath="DisplayMember"

                  DisplayMemberPath="ValueMember" ItemsSource="{Binding SelectedCountList}" SelectedIndex="0" />

            <TextBlock Text="Status Type : " Margin="10,0,0,0"  VerticalAlignment="Center"/>

            <telerik:RadComboBox Width="100" SelectedItem="{Binding SelectedStatus, Mode=TwoWay}" SelectedIndex="4"

                   DisplayMemberPath="DisplayName" SelectedValuePath="Value" ItemsSource="{Binding StatusCodeList}" Height="20"/>

        </StackPanel>

        <StackPanel Grid.Row="1" Grid.ColumnSpan="2">

            <StackPanel Orientation="Horizontal">

                <TextBlock Text="CreateTime  " VerticalAlignment="Center" Width="102"/>

                <telerik:RadDateTimePicker x:Name="datePicker1" Width="200"

                                   InputMode="DateTimePicker"  

                                   VerticalAlignment="Center"

                                   HorizontalAlignment="Stretch"

                                   SelectedValue="{Binding SelectedCreateTimeBegin ,Mode=TwoWay,  UpdateSourceTrigger=PropertyChanged }" >

                </telerik:RadDateTimePicker>

                <TextBlock Text="  ~  " VerticalAlignment="Center"/>

                <telerik:RadDateTimePicker x:Name="datePicker2"  Width="200"

                                   InputMode="DateTimePicker"  HorizontalAlignment="Stretch"

                                   VerticalAlignment="Center"

                                   SelectedValue="{Binding SelectedCreateTimeEnd ,Mode=TwoWay,  UpdateSourceTrigger=PropertyChanged}"

                                   Margin="0,1">

                </telerik:RadDateTimePicker>

                <Button Content="Clear" Margin="5"  Width="50" Height="20" HorizontalAlignment="Left" Command="{Binding RemoveCreateTimeFilterCommand, Mode=OneWay}"/>

            </StackPanel>

        </StackPanel>

        <Grid Grid.Row="2">

            <Grid.ColumnDefinitions>

                <ColumnDefinition Width="*" />

                <ColumnDefinition Width="Auto" />

            </Grid.ColumnDefinitions>

            <telerik:RadCartesianChart x:Name="chart" Palette="{StaticResource ActualTargetChartPalette}" MinHeight="90" MaxHeight="90" Margin="10 0 20 0" ClipToBounds="False">

                <telerik:RadCartesianChart.VerticalAxis>

                    <telerik:CategoricalAxis IsInverse="True" 

                                         MajorTickStyle="{StaticResource TransparentTickStyle}" 

                                         LineStroke="Transparent" 

                                         LabelStyle="{StaticResource TextBlockCountryStyle}" />

                </telerik:RadCartesianChart.VerticalAxis>

                <telerik:RadCartesianChart.HorizontalAxis>

                    <telerik:LinearAxis ShowLabels="False" ElementBrush="Transparent" />

                </telerik:RadCartesianChart.HorizontalAxis>

                <telerik:RadCartesianChart.Series>

                    <telerik:BarSeries CategoryBinding="Project_NO" 

                                   ValueBinding="Count" 

                                   ItemsSource="{Binding DashBoard, UpdateSourceTrigger=PropertyChanged}" 

                                   CombineMode="None" 

                                   ShowLabels="True" 

                                   ClipToPlotArea="False"

                                   >

                        <telerik:BarSeries.PointTemplate>

                            <DataTemplate>

                                <Rectangle Fill="{StaticResource ActualBrush}" Margin="0 0 0 3" />

                            </DataTemplate>

                        </telerik:BarSeries.PointTemplate>

                        <telerik:BarSeries.LegendSettings>

                            <telerik:SeriesLegendSettings Title="Count" MarkerGeometry="{StaticResource SolidRectLegendGeometry}" />

                        </telerik:BarSeries.LegendSettings>

                        <telerik:BarSeries.LabelDefinitions>

                            <telerik:ChartSeriesLabelDefinition Binding="Count" Format="{}{0:F1}" DefaultVisualStyle="{StaticResource TextBlockCountryStyle}" Strategy="{StaticResource RightAlignedLabelStrategy}" />

                        </telerik:BarSeries.LabelDefinitions>

                    </telerik:BarSeries>

                    <telerik:BarSeries CategoryBinding="Project_NO" 

                                   ValueBinding="ExceptionCount" 

                                   ItemsSource="{Binding DashBoard, UpdateSourceTrigger=PropertyChanged}" 

                                   CombineMode="None">

                        <telerik:BarSeries.PointTemplate>

                            <DataTemplate>

                                <Rectangle Fill="{StaticResource TargetBrush}" Height="2" VerticalAlignment="Bottom" />

                            </DataTemplate>

                        </telerik:BarSeries.PointTemplate>

                        <telerik:BarSeries.LegendSettings>

                            <telerik:SeriesLegendSettings Title="ExceptionCountrget" MarkerGeometry="{StaticResource LineSeriesLegendGeometry}" />

                        </telerik:BarSeries.LegendSettings>

                    </telerik:BarSeries>

                </telerik:RadCartesianChart.Series>

            </telerik:RadCartesianChart>

            <telerik:RadLegend Grid.Column="1" Grid.Row="1" Margin="24,4,0,0" MinWidth="76" Items="{Binding LegendItems, ElementName=chart}" />

        </Grid>

                <!--<telerik:RadCartesianChart x:Name="chart">

                    <telerik:RadCartesianChart.HorizontalAxis>

                        <telerik:LinearAxis/>

                    </telerik:RadCartesianChart.HorizontalAxis>

                    <telerik:RadCartesianChart.VerticalAxis>

                        <telerik:CategoricalAxis/>

                    </telerik:RadCartesianChart.VerticalAxis>

                    <telerik:RadCartesianChart.Series>

                        <telerik:BarSeries>

                            <telerik:BarSeries.DataPoints>

                            <telerik:CategoricalDataPoint Category="rk" Value="10"/>

                                <telerik:CategoricalDataPoint Category="나" Value="4"/>

                                <telerik:CategoricalDataPoint Category="다" Value="7"/>

                                <telerik:CategoricalDataPoint Category="라" Value="11"/>

                                <telerik:CategoricalDataPoint Category="마" Value="15"/>

                            </telerik:BarSeries.DataPoints>

                        </telerik:BarSeries>

                    </telerik:RadCartesianChart.Series>

                </telerik:RadCartesianChart>

            </Grid>-->

    </Grid>

</UserControl>