Pre loader

How do I use SciChartScrollbar with the new 4.x update, the behavior has changed.

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


I am using a SciChartScrollbar to scroll the Y axis of a plot. I was previously using SciChart 3.4 and the control worked well. My XAML is as follows:

    <Grid Grid.Column="1">

            <RowDefinition Height="{Binding ActualYAxesHeightValue, ElementName=PropertyProxy, Mode=OneWay, Converter={StaticResource DoubleToGridLengthConverter}}"/>
            <RowDefinition Height="*"/>

        <helpers:TotalSizeOfAxes x:Name="PropertyProxy" Element="{Binding ElementName=FormationChart}" />

        <s:SciChartSurface x:Name="OverviewSurface" s:ThemeManager.Theme="BrightSpark" Grid.Row="1" Loaded="OnOverviewSurfaceLoaded">
                <sciChartExtensions:StepLineRenderableSeries DataSeries="{Binding HResistivityChartData, Mode=TwoWay}">
                        <Style TargetType="s:FastLineRenderableSeries">
                            <Setter Property="Stroke" Value="Blue" />
                            <Setter Property="StrokeThickness" Value="1" />

                <s:NumericAxis AxisAlignment="Left" DrawMajorGridLines="False" DrawMinorGridLines="False"
                               Visibility="Collapsed" />

                <s:LogarithmicNumericAxis AxisAlignment="Top" VisibleRange="0.2,2000" FlipCoordinates="True"
                                          DrawMajorGridLines="False" DrawMinorGridLines="False"

        <s:SciChartScrollbar x:Name="DepthScrollbar" Grid.Row="1" Axis="{Binding ElementName=DepthAxis}" VerticalAlignment="Top"
                             Margin="{Binding ElementName=FormationChart, Path=Padding, Mode=OneWay}"


I have attached a picture of the plot. The scrollbar is black instead of transparent, and the width does not fill the grid column. I checked the knowledge base article on using this control, but I don’t think the article was updated for 4.x.

  • You must to post comments
Great Answer

I have found a workaround. First was the theme. In my original XAML I did not specify a theme for the scrollbar. Setting the theme to BrightSpark to match the theme of the underlying SciChartSurface give me the same colors that I had before.

As for the width, I could not fix that in XAML, so I added code in the event handler OnScrollBarLoaded

DepthScrollbar.Width = OverviewSurface.Width;

  • You must to post comments

Hi there,

While the KB article wasn’t updated, the examples were. Please find these examples on using scrollbars in v4.

Of note, the default theme in SciChart v4 is ‘SciChartv4Dark’. The default theme in SciChart v3 is ‘ExpressionDark’. This can also account for some colour changes.

Finally, there is a large section in the Documentation ( -> Click on Documentation) on the SciChartScrollbar.

Note: The documentation is in the process of being transcribed from Word to Web.

Please let me know if this helps

Best regards,

  • You must to post comments
Showing 2 results
Your Answer

Please first to submit.