<UserControl x:Class="ChartView"
             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:d3="http://research.microsoft.com/DynamicDataDisplay/1.0"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Border>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <Border Margin="3">
                <Grid Grid.Row="0"  >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    
                    <d3:ChartPlotter x:Name="TopPlotter"
                                     LegendVisibility="Hidden"
                                     NewLegendVisible="False"
                                     Foreground="{Binding ChartPanels[0].Foreground}"           
                                     Background= "{Binding ChartPanels[0].Background}"
                                     Visibility="{Binding ChartPanels[0].Visibility}" >
                        <d3:ChartPlotter.MainVerticalAxis >
                            <d3:VerticalAxis Name="TopVerticalAxis" Placement="Right" Width="{Binding VerticalAxisWidth}" />
                        </d3:ChartPlotter.MainVerticalAxis>
                        <d3:FilteredMarkerPointsGraph
                            DataSource="{Binding ChartPanels[0].DataSource, UpdateSourceTrigger=PropertyChanged}"
                            Marker="{Binding ChartPanels[0].GraphMarker}"/>
                        <d3:WidthSpring SourcePanel="{Binding LeftPanel, ElementName=BotPlotter}"/>
                    </d3:ChartPlotter>

                    <GridSplitter Grid.Row="1" Height="5" HorizontalAlignment="Stretch" Margin="0" Background="LightGray"
                        Visibility="{Binding ElementName=BotPlotter, Path=Visibility}"/>


                    <d3:ChartPlotter  Grid.Row="2" x:Name="BotPlotter"
                                                LegendVisibility="Hidden"
                                                NewLegendVisible="False"
                                                Foreground="{Binding ChartPanels[1].Foreground}"           
                                                Background= "{Binding ChartPanels[1].Background}"
                                                Visibility="{Binding ChartPanels[1].Visibility}"
                                                MainHorizontalAxisVisibility="{Binding BotHorizontalAxisVisibility, UpdateSourceTrigger=PropertyChanged}" >
                        <d3:ChartPlotter.MainVerticalAxis>
                            <d3:VerticalAxis Name="BotVerticalAxis" Placement="Right" Width="{Binding VerticalAxisWidth}"/>
                        </d3:ChartPlotter.MainVerticalAxis>
                        <d3:FilteredMarkerPointsGraph
                            DataSource="{Binding ChartPanels[1].DataSource, UpdateSourceTrigger=PropertyChanged}"
                            Marker="{Binding ChartPanels[1].GraphMarker}"/>
                        <d3:WidthSpring SourcePanel="{Binding LeftPanel, ElementName=TopPlotter}"/>
                    </d3:ChartPlotter>
                </Grid>
            </Border>
            <StatusBar Grid.Row="1" Height="25" />
        </Grid>
    </Border>
</UserControl>

<Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto">
                            <RowDefinition.Style>
                                <Style TargetType="{x:Type RowDefinition}">
                                 <Style.Triggers>
                                       <DataTrigger Binding="{Binding ElementName=BotPlotter, Path=Visibility}" Value="Collapsed">
                                 <Setter Property="MaxHeight" Value="0"/>
                                </DataTrigger>
                               </Style.Triggers>
                            </Style>
                            </RowDefinition.Style>
                        </RowDefinition>
 </Grid.RowDefinitions>