ChartOverview Vertical Data Flow

Hi Brett

How have you turned the SciChartOverview vertically? Used a layout transform? Or retemplated it somehow?

The SciChartOverview is a nice control for a specific use-case: scrollbar at the bottom of the chart which shows the first series on attached SciChartSurface in a mountain chart. For more customisation you can actually do this: host any control behind a SciChartScrollbar.

Check out the example here.

Also check out the documentation for SciChartOverview / Scrollbar here with more customisation options.

Create a Custom SciChartOverview with any Background

<Grid Background="{Binding ElementName=MainChartSurface, Path=Background}">
         <Grid.RowDefinitions>
               <RowDefinition Height="*" />
               <RowDefinition Height="100" />
         </Grid.RowDefinitions>
  
         
         <s:SciChartSurface x:Name="MainChartSurface">
            
         </s:SciChartSurface>
  
         
         <Grid Grid.Row="1" >
  
               
  
               
               <s:SciChartScrollbar Grid.Column="0"
                   Axis="{Binding ElementName=MainChartSurface, Path=XAxis}" />
         </Grid>
  </Grid>
  

The SciChartScrollbar itself is designed to be placed on a Y-Axis whereas the SciChartOverview is not. See this example for details

So what I would suggest is:

• Use SciChartScrollbar
• Place outside of Axis on the Right (see documentation here)
• Place any content behind it using example above

Best regards,
Andrew