Chart

<local:PlacementBaseCtrl x:Class="StUi.Placements.TrendSeries1.HistChart"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    xmlns:vm="clr-namespace:StUi.Placements.TrendSeries1"
    mc:Ignorable="d"
    xmlns:local="clr-namespace:StUi.Placements"
    xmlns:local1="clr-namespace:StUi"
    xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
    xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
                         >
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Button.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.CheckBox.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.ListBox.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.PopupBox.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.RadioButton.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TextBlock.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.ToggleButton.xaml" />

                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.BlueGrey.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Teal.xaml" />

                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.ComboBox.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Slider.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TextBox.xaml" />
            </ResourceDictionary.MergedDictionaries>

            <Style TargetType="TextBlock" x:Key="axisTextStyleMain">
                <Setter Property="FontFamily" Value="Segoe UI" />
                <Setter Property="FontSize" Value="11" />
            </Style>
            <!--<labelConverter:AxisLabelConverter x:Key="axisLabelConverter" />-->
            <DataTemplate x:Key="axisLabelTemplate">
                <TextBlock Text="{Binding Converter={StaticResource axisLabelConverter}}"
                       TextAlignment="Center"
                       Style="{StaticResource axisTextStyleMain}" />
            </DataTemplate>


        </ResourceDictionary>

        <!--<vm:MainViewModel x:Key="viewModel" />-->

    </UserControl.Resources>

    <UserControl.DataContext>
        <vm:MainViewModel/>
    </UserControl.DataContext>

    <Grid Margin="20">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <telerik:RadCartesianChart Grid.Column="0" x:Name="chart1" Palette="Windows8">
            <telerik:RadCartesianChart.Resources>
                <telerik:LinearAxis x:Key="additionalAxis"
                                    HorizontalLocation="Right">
                    <telerik:LinearAxis.LabelStyle>
                        <Style TargetType="TextBlock" BasedOn="{StaticResource axisTextStyleMain}">
                            <Setter Property="Margin" Value="2,0,0,0"/>
                        </Style>
                    </telerik:LinearAxis.LabelStyle>
                </telerik:LinearAxis>
            </telerik:RadCartesianChart.Resources>
            <telerik:RadCartesianChart.TrackBallLineStyle>
                <Style />
            </telerik:RadCartesianChart.TrackBallLineStyle>
            <telerik:RadCartesianChart.TrackBallInfoStyle>
                <Style TargetType="telerik:TrackBallInfoControl">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="telerik:TrackBallInfoControl" />
                        </Setter.Value>
                    </Setter>
                </Style>

            </telerik:RadCartesianChart.TrackBallInfoStyle>
            <telerik:RadCartesianChart.Behaviors>
                <telerik:ChartPanAndZoomBehavior PanMode="Horizontal" ZoomMode="Horizontal" DragMode="Pan" />
                <telerik:ChartTrackBallBehavior ShowIntersectionPoints="True" TrackInfoUpdated="OnTrackInfoUpdated" />
            </telerik:RadCartesianChart.Behaviors>

            <telerik:RadCartesianChart.HorizontalAxis>
                <telerik:DateTimeContinuousAxis MajorStep="300" MajorStepUnit="Second" TickOrigin="1-1-2000"
                                                LabelFormat="hh:mm:ss" />
                <!--<telerik:DateTimeContinuousAxis MajorStep="12" MajorStepUnit="Month" TickOrigin="1-1-2000"
                                                LabelTemplate="{StaticResource axisLabelTemplate}" />-->
            </telerik:RadCartesianChart.HorizontalAxis>
            <telerik:RadCartesianChart.VerticalAxis>
                <telerik:LinearAxis x:Name="chartAxis">
                    <telerik:LinearAxis.LabelStyle>
                        <Style TargetType="TextBlock" BasedOn="{StaticResource axisTextStyleMain}">
                            <Setter Property="Margin" Value="0,0,2,0"/>
                        </Style>
                    </telerik:LinearAxis.LabelStyle>
                </telerik:LinearAxis>
            </telerik:RadCartesianChart.VerticalAxis>
            <telerik:RadCartesianChart.Grid>
                <telerik:CartesianChartGrid MajorXLinesRenderMode="All" MajorLinesVisibility="XY"/>
            </telerik:RadCartesianChart.Grid>


            <telerik:RadCartesianChart.SeriesProvider>
                <telerik:ChartSeriesProvider Source="{Binding FilteredSeriesInfos}">
                    <telerik:ChartSeriesProvider.SeriesDescriptors>
                        <telerik:CategoricalSeriesDescriptor ItemsSourcePath="PlotInfos"
                                                             CategoryPath="XCat"
                                                             ValuePath="YVal">
                            <telerik:CategoricalSeriesDescriptor.Style>
                                <Style TargetType="telerik:LineSeries">
                                    <Setter Property="Stroke" Value="{Binding PenBrush}"/>
                                </Style>
                            </telerik:CategoricalSeriesDescriptor.Style>
                        </telerik:CategoricalSeriesDescriptor>
                    </telerik:ChartSeriesProvider.SeriesDescriptors>
                </telerik:ChartSeriesProvider>
            </telerik:RadCartesianChart.SeriesProvider>
        </telerik:RadCartesianChart>

        <StackPanel Grid.Column="1" Orientation="Vertical">
        <Grid Margin="5 0 0 0" Width="400">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <!--<ColumnDefinition Width="*"/>-->
            </Grid.ColumnDefinitions>
            <!--<StackPanel Grid.Column="0" VerticalAlignment="Top" Margin="-0,0,0,0">
                <TextBlock Text="Legend: "/>
                    <telerik:RadLegend  Items="{Binding LegendItems, ElementName=chart1}" >
                    <telerik:RadLegend.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                    --><!--<CheckBox IsChecked="{Binding Presenter.DataContext.IsVisible}"/>--><!--
                                <Path Fill="{Binding MarkerFill}" Width="12" Height="12">
                                    <Path.Data>
                                        <Binding Path="ActualMarkerGeometry" RelativeSource="{RelativeSource AncestorType=telerik:LegendItemControl}"></Binding>
                                    </Path.Data>
                                </Path>
                                <TextBlock Margin="2" FontSize="9" Text="{Binding Title}" />
                            </StackPanel>
                        </DataTemplate>
                    </telerik:RadLegend.ItemTemplate>
                </telerik:RadLegend>
            </StackPanel>-->

            <StackPanel Grid.Column="1" VerticalAlignment="top">
                <TextBlock Text="All Series: "/>
                <ListBox ItemsSource="{Binding SeriesInfos}" >
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" Margin="0,-10,0,-10">
                                    <ToggleButton x:Name="Btn" Visibility="{Binding Path=ButtonIsVisible}" IsHitTestVisible="{Binding ElementName=Popup, Path=IsOpen, Mode=OneWay, Converter={local1:BoolInverter}}" Style="{StaticResource MaterialDesignActionToggleButton}" Height="20" Width="20" IsChecked="{Binding Path=IsVisible, Mode=TwoWay}" Background="Transparent">
                                        <materialDesign:PackIcon Kind="Eye" Name="PinIcon1" ToolTip="Show pen" Height="20" Width="16" Foreground="{Binding PenBrush}" />
                                        <materialDesign:ToggleButtonAssist.OnContent>
                                            <materialDesign:PackIcon Kind="EyeOff" Name="PinIcon2" ToolTip="Hide pen" Height="20" Width="16" Foreground="{Binding PenBrush}"/>
                                        </materialDesign:ToggleButtonAssist.OnContent>
                                    </ToggleButton>
                                    <!--<CheckBox IsChecked="{Binding IsVisible}" Background="{Binding PenBrush}"/>-->
                                    <materialDesign:PackIcon HorizontalAlignment="Center" Height="20" Width="20" Kind="Delete" Grid.Column="2" Foreground="{Binding PenBrush}"/>
                                    <TextBlock FontSize="12" Text="{Binding DisplayName}"/>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
                <StackPanel Orientation="Horizontal">
                    <Button x:Name="AddLine" Click="AddLine_Click" Height="20" Margin="2,0,2,0" Padding="2,-5,2,0">+</Button>
                    <Button x:Name="DelLine" Click="DelLine_Click" Height="20" Margin="2,0,2,0" Padding="4,-5,4,0">-</Button>
                </StackPanel>
            </StackPanel>
        </Grid>
            <!--<StackPanel x:Name="hist1Controls" Orientation="Horizontal">

            </StackPanel>-->
        </StackPanel>
    </Grid>

</local:PlacementBaseCtrl>