Mini Kabibi Habibi

<local:ChartsDemoModule x:Class="ChartsDemo.Stock2DControl" Height="400" Width="800"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core" xmlns:dxdb="http://schemas.devexpress.com/winfx/2008/xaml/demobase"
    xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts"
    xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    xmlns:local="clr-namespace:ChartsDemo"
    ModuleAppear="ChartsDemoModule_ModuleAppear">
    <local:ChartsDemoModule.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/ChartsDemo;component/Themes/Generic.xaml" />
            </ResourceDictionary.MergedDictionaries>
            <local:DemoValuesProvider x:Key="DemoValuesProvider" />
            <local:Stock2DKindToStock2DModelConverter x:Key="Stock2DKindToStock2DModelConverter" />
            <local:NullableBooleanToInvertedBoolConverter x:Key="InvertedBoolConverter"/>
        </ResourceDictionary>
    </local:ChartsDemoModule.Resources>
    <dxdb:DemoModuleControl SupressGroupFramePaddingInOptions="False">
        <dxdb:DemoModuleControl.OptionsContent>
            <StackPanel MinWidth="120">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition MinWidth="61" Width="*" />
                    </Grid.ColumnDefinitions>
                    <dxe:CheckEdit Grid.Row="0" Grid.ColumnSpan="2" Name="chbVisible" Content="Show Labels" Margin="0,0,0,10" IsChecked="False" />
                    <TextBlock Grid.Row="1" Grid.Column="0" VerticalAlignment="Center" Name="lblLabelLevel" Text="Label Level:" Margin="0,2,3,2" />
                    <dxe:ComboBoxEdit Grid.Row="1" Grid.Column="1"
                                  Name="cbLabelLevel"
                                  Margin="3,2,0,2"
                                  SelectedIndexChanged="cbLabelLevel_SelectionChanged"
                                  SelectedIndex="3"
                                  IsEnabled="{Binding ElementName=chbVisible, Path=IsChecked}"
                                  IsTextEditable="False">
                        <dxe:ComboBoxEdit.Items>
                            <sys:String>Low</sys:String>
                            <sys:String>High</sys:String>
                            <sys:String>Open</sys:String>
                            <sys:String>Close</sys:String>
                        </dxe:ComboBoxEdit.Items>
                    </dxe:ComboBoxEdit>
                    <TextBlock Grid.Row="2" Grid.Column="0" VerticalAlignment="Center" Name="lblStockType" Text="Stock Type:" Margin="0,2,3,2" />
                    <dxe:ComboBoxEdit Grid.Row="2" Grid.Column="1"
                                  Name="cbStockType"
                                  Margin="3,2,0,2"
                                  SelectedIndexChanged="cbStockType_SelectionChanged"
                                  SelectedIndex="0"
                                  IsTextEditable="False">
                        <dxe:ComboBoxEdit.Items>
                            <sys:String>Both</sys:String>
                            <sys:String>Open</sys:String>
                            <sys:String>Close</sys:String>
                        </dxe:ComboBoxEdit.Items>
                    </dxe:ComboBoxEdit>
                    <TextBlock Grid.Row="3" Grid.Column="0" VerticalAlignment="Center" Name="lblReductionLevel" Text="Reduction Level:" Margin="0,2,3,2" />
                    <dxe:ComboBoxEdit Grid.Row="3" Grid.Column="1"
                                  Name="cbReductionLevel" Margin="3,2,0,2"
                                  SelectedIndexChanged="cbReductionLevel_SelectionChanged" SelectedIndex="3"
                                  IsTextEditable="False">
                        <dxe:ComboBoxEdit.Items>
                            <sys:String>Low</sys:String>
                            <sys:String>High</sys:String>
                            <sys:String>Open</sys:String>
                            <sys:String>Close</sys:String>
                        </dxe:ComboBoxEdit.Items>
                    </dxe:ComboBoxEdit>
                </Grid>
                <dx:GroupFrame Header="Model" Margin="0,10,0,10">
                    <dxe:ListBoxEdit Name="lbModel"
                                     Background="{x:Null}"
                                     ShowBorder="False"
                                     ItemsSource="{Binding PredefinedStock2DKinds, Source={StaticResource DemoValuesProvider}}">
                        <dxe:ListBoxEdit.StyleSettings>
                            <dxe:RadioListBoxEditStyleSettings />
                        </dxe:ListBoxEdit.StyleSettings>
                    </dxe:ListBoxEdit>
                </dx:GroupFrame>
            </StackPanel>
        </dxdb:DemoModuleControl.OptionsContent>
        <Grid>
            <dxc:ChartControl Name="chart"
                              BorderThickness="0"
                              EnableAnimation="True"
                              CrosshairEnabled="{Binding ElementName=chbVisible, Path=IsChecked, Converter={StaticResource InvertedBoolConverter}}">
                <dxc:ChartControl.CrosshairOptions>
                    <dxc:CrosshairOptions CrosshairLabelMode="ShowForNearestSeries"/>
                </dxc:ChartControl.CrosshairOptions>
                <dxc:ChartControl.Diagram>
                    <dxc:XYDiagram2D>
                        <dxc:XYDiagram2D.AxisY>
                            <dxc:AxisY2D GridLinesMinorVisible="True">
                                <dxc:AxisY2D.Range>
                                    <dxc:AxisRange
                                        dxc:AxisY2D.AlwaysShowZeroLevel="False" />
                                </dxc:AxisY2D.Range>
                                <dxc:AxisY2D.Title>
                                    <dxc:AxisTitle Content="US Dollars" />
                                </dxc:AxisY2D.Title>
                            </dxc:AxisY2D>
                        </dxc:XYDiagram2D.AxisY>
                        <dxc:XYDiagram2D.AxisX>
                            <dxc:AxisX2D GridLinesVisible="True" />
                        </dxc:XYDiagram2D.AxisX>
                        <dxc:XYDiagram2D.Series>
                            <dxc:StockSeries2D x:Name="Dell"
                                               DisplayName="Dell"
                                               ArgumentScaleType="DateTime"
                                               LevelLineLength="0.3"
                                               ArgumentDataMember="Argument"
                                               HighValueDataMember="HighValue"
                                               LowValueDataMember="LowValue"
                                               OpenValueDataMember="OpenValue"
                                               CloseValueDataMember="CloseValue"
                                               Model="{Binding ElementName=lbModel, Path=SelectedItem, Converter={StaticResource Stock2DKindToStock2DModelConverter}}"
                                               AnimationAutoStartMode="SetStartState">
                                <dxc:StockSeries2D.PointOptions>
                                    <dxc:PointOptions>
                                        <dxc:PointOptions.ValueNumericOptions>
                                            <dxc:NumericOptions Format="FixedPoint" Precision="2"/>
                                        </dxc:PointOptions.ValueNumericOptions>
                                    </dxc:PointOptions>
                                </dxc:StockSeries2D.PointOptions>
                                <dxc:StockSeries2D.ReductionOptions>
                                    <dxc:ReductionStockOptions />
                                </dxc:StockSeries2D.ReductionOptions>
                                <dxc:StockSeries2D.Label>
                                    <dxc:SeriesLabel Indent="3" Visible="{Binding ElementName=chbVisible, Path=IsChecked}" />
                                </dxc:StockSeries2D.Label>
                            </dxc:StockSeries2D>
                        </dxc:XYDiagram2D.Series>
                    </dxc:XYDiagram2D>
                </dxc:ChartControl.Diagram>
                <dxc:ChartControl.Legend>
                    <dxc:Legend HorizontalPosition="Right" />
                </dxc:ChartControl.Legend>
                <dxc:ChartControl.Titles>
                    <dxc:Title Dock="Top" HorizontalAlignment="Center">Stock Prices</dxc:Title>
                    <dxc:Title Dock="Bottom" HorizontalAlignment="Right" FontSize="12" Foreground="Silver" Margin="0,10,0,0">From bigcharts.marketwatch.com</dxc:Title>
                </dxc:ChartControl.Titles>
            </dxc:ChartControl>
        </Grid>
    </dxdb:DemoModuleControl>
</local:ChartsDemoModule>