Pre loader

ChartOverview Vertical Data Flow

Welcome to the SciChart Forums!

  • Please read our Question Asking Guidelines for how to format a good question
  • Some reputation is required to post answers. Get up-voted to avoid the spam filter!
  • We welcome community answers and upvotes. Every Q&A improves SciChart for everyone

WPF Forums | JavaScript Forums | Android Forums | iOS Forums

1
0

I’m able to turn the SciChartOverview control so that it appears vertical and am able to get the grips to flow vertically as well but whenever the data is flowing, it still flows horizontally. How do I get it to flow vertically? See attached image for what it currently does.

Version
5.0.0.10963
Images
  • You must to post comments
0
0

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

enter image description here enter image description here

<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

enter image description here

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

  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.

Try SciChart Today

Start a trial and discover why we are the choice
of demanding developers worldwide

Start TrialCase Studies