SunlightCentralizedControlManagement/View/CurveView.xaml

<UserControl x:Class="SunlightCentralizedControlManagement_SCCM_.View.CurveView"
             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:lvc="clr-namespace:LiveChartsCore.SkiaSharpView.WPF;assembly=LiveChartsCore.SkiaSharpView.WPF"          
             xmlns:viewmodel="clr-namespace:SunlightCentralizedControlManagement_SCCM_.ViewModel" 
             xmlns:local="clr-namespace:SunlightCentralizedControlManagement_SCCM_.View"		
             xmlns:lang="clr-namespace:SunlightCentralizedControlManagement_SCCM_.Properties"	   
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             mc:Ignorable="d" 
             Loaded="UserControl_Loaded"
             d:DataContext="{d:DesignInstance Type=viewmodel:CurveDiagramViewModel}"
             d:DesignHeight="900" d:DesignWidth="1800">
    <Grid>

            <ListView x:Name="machines" ScrollViewer.HorizontalScrollBarVisibility="Disabled" Foreground="#FF1368BD" 
                  HorizontalAlignment="Right" Width="300" Margin="0,60,0,0">
        </ListView>

        <lvc:CartesianChart x:Name="OscChart" MinWidth="1280" MinHeight="600" EasingFunction="{x:Null}"                   
                            Series="{Binding Series}" YAxes="{Binding YAxes}" XAxes="{Binding XAxes}" Margin="0,0,300,60">
            <lvc:CartesianChart.Style>
                <Style TargetType="{x:Type lvc:CartesianChart}">
                    <Setter Property="ZoomMode" Value="PanX"/>
                    <Setter Property="ZoomMode" Value="ZoomX"/>
                </Style>
            </lvc:CartesianChart.Style>
        </lvc:CartesianChart>

        <StackPanel x:Name="s1cr" VerticalAlignment="Bottom" Height="60" Background="#FF00204E" Orientation="Horizontal" Margin="0,0,0,0">
            <ListView ScrollViewer.HorizontalScrollBarVisibility="Disabled" Foreground="#FF1368BD">
                <ListViewItem Height="60" MouseLeftButtonUp="DatePicker_Today" VerticalAlignment="Center">
                    <StackPanel Orientation="Horizontal" >
                        <materialDesign:PackIcon Kind="DateRange" Width="25" Height="40" Margin="10" VerticalAlignment="Center"/>
                        <TextBlock Text="{x:Static lang:Resources.SelectDate}" VerticalAlignment="Center" Margin="20 10" Foreground="White"/>
                        <DatePicker x:Name="Sdatepicker" Width="150" FontSize="20" Height="40" FontWeight="Bold" Padding="1,1,0,1" 
                        Focusable="False" Text="{x:Static lang:Resources.Startdate}"/>
                        <DatePicker x:Name="Edatepicker" Width="150" FontSize="20" Height="40" FontWeight="Bold" Padding="1,1,0,1" 
                        Focusable="False" Text="{x:Static lang:Resources.Enddate}"/>
                    </StackPanel>
                </ListViewItem>
            </ListView>
            <ListView ScrollViewer.HorizontalScrollBarVisibility="Disabled" Foreground="#FF1368BD">
                <ListViewItem Height="60" MouseLeftButtonUp="ListViewItem_Before"  VerticalAlignment="Center">
                    <StackPanel Orientation="Horizontal" >
                        <materialDesign:PackIcon Kind="NavigateBefore" Width="25" Height="40" Margin="10" VerticalAlignment="Center"/>
                        <TextBlock Text="{x:Static lang:Resources.Before}" VerticalAlignment="Center" Margin="20 10" Foreground="White"/>
                    </StackPanel>
                </ListViewItem>
            </ListView>
            <ListView ScrollViewer.HorizontalScrollBarVisibility="Disabled" Foreground="#FF1368BD">
                <ListViewItem Height="60" MouseLeftButtonUp="ListViewItem_Today"  VerticalAlignment="Center">
                    <StackPanel Orientation="Horizontal" >
                        <materialDesign:PackIcon Kind="NavigationVariantOutline" Width="25" Height="40" Margin="10" VerticalAlignment="Center"/>
                        <TextBlock Text="{x:Static lang:Resources.Today}" VerticalAlignment="Center" Margin="20 10" Foreground="White"/>
                    </StackPanel>
                </ListViewItem>
            </ListView>
            <ListView ScrollViewer.HorizontalScrollBarVisibility="Disabled" Foreground="#FF1368BD">
                <ListViewItem Height="60" MouseLeftButtonUp="ListViewItem_DayAfter"  VerticalAlignment="Center">
                    <StackPanel Orientation="Horizontal" >
                        <materialDesign:PackIcon Kind="NavigateNext" Width="25" Height="40" Margin="10" VerticalAlignment="Center"/>
                        <TextBlock Text="{x:Static lang:Resources.DayAfter}" VerticalAlignment="Center" Margin="20 10" Foreground="White"/>
                    </StackPanel>
                </ListViewItem>
            </ListView>
            <ListView ScrollViewer.HorizontalScrollBarVisibility="Disabled" Foreground="#FF1368BD">
                <ListViewItem Height="60" x:Name="WNumder">
                    <StackPanel Orientation="Horizontal" >
                        <materialDesign:PackIcon Kind="Number0CircleOutline" Width="40" Height="30" VerticalAlignment="Center"/>
                        <TextBlock Text="{x:Static lang:Resources.WorkOrderNumder}" VerticalAlignment="Center" Margin="20 10" Foreground="White"/>
                        <TextBox x:Name="Select_WorkOrderNumder" Width="300" Background="White" FontSize="20" VerticalAlignment="Center" Height="40" />
                        <Button Width="80" Height="40" VerticalAlignment="Center" Click="WorkOrderNumder_Click" Content="{x:Static lang:Resources.Search}"/>
                    </StackPanel>
                </ListViewItem>
            </ListView>
        </StackPanel>
    </Grid>
</UserControl>