SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, and iOS Chart & Android Chart Components

Welcome to the SciChart Community Forums!

Please use the forums below to ask questions about SciChart. Take a moment to read our Question asking guidelines on how to ask a good question and our support policy. We also have a tag=SciChart on Stackoverflow.com where you can earn rep for your questions!

Please note: SciChart team will only answer questions from customers with active support subscriptions. Expired support questions will be ignored. If your support status shows incorrectly, contact us and we will be glad to help.

0
0

Hi all,
How can I change the color of Scrollbar when i update my theme of chart ?

<UserControl x:Class=”BeanGUI.SensorGraph2D”
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:s=”http://schemas.abtsoftware.co.uk/scichart”

         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"           
         xmlns:SciChart="http://schemas.abtsoftware.co.uk/scichart" 
         mc:Ignorable="d"  
         Loaded="sciChartSurface_Loaded"
         d:DesignHeight="300" d:DesignWidth="826">

<UserControl.Resources>

<Setter.Value>

</Setter.Value>

<Setter.Value>

</Setter.Value>

</UserControl.Resources>
<Grid>


    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <!-- Define the SciChartSurface -->
    <SciChart:SciChartSurface Grid.Row="2" x:Name="sciChartSurface" Padding="10,10,80,10" SciChart:ThemeManager.Theme="Oscilloscope" MouseUp="sciChartSurface_MouseUp" GotMouseCapture="sciChartSurface_GotMouseCapture" MouseDown="sciChartSurface_MouseDown">

        <!-- Create three RenderableSeries, which map 1:1 to the DataSeries created in code-behind -->
        <SciChart:SciChartSurface.RenderableSeries>
            <SciChart:FastLineRenderableSeries x:Name="lineSeries" SeriesColor="#FFFFA500"/>
            <SciChart:FastLineRenderableSeries x:Name="redLine" SeriesColor="#FFFF1919"/>

        </SciChart:SciChartSurface.RenderableSeries>

        <!-- Create an X Axis -->
        <SciChart:SciChartSurface.XAxis>
            <SciChart:DateTimeAxis x:Name="XAxis" AutoRange="Never"  TextFormatting="HH:mm MMM dd" SubDayTextFormatting="HH:mm:ss MMM dd">
            <SciChart:DateTimeAxis.Scrollbar>
                <s:SciChartScrollbar Height="16"/>
            </SciChart:DateTimeAxis.Scrollbar>
            </SciChart:DateTimeAxis>
        </SciChart:SciChartSurface.XAxis>

        <!-- Create a Y Axis -->
        <SciChart:SciChartSurface.YAxis>
            <SciChart:NumericAxis Name="YAxis" AutoRange="Never" DrawMinorTicks="True" DrawMinorGridLines="true" DrawLabels ="true" DrawMajorGridLines="true" TextFormatting="0.0000" >
                <SciChart:NumericAxis.GrowBy>
                    <SciChart:DoubleRange Min="0.1" Max="0.1"/>
                </SciChart:NumericAxis.GrowBy>

            <SciChart:NumericAxis.Scrollbar>
                <s:SciChartScrollbar Width="16"/>
                </SciChart:NumericAxis.Scrollbar>
            </SciChart:NumericAxis>
        </SciChart:SciChartSurface.YAxis>
        <!--  Add some modifiers to zoom, zoom extents  -->
        <SciChart:SciChartSurface.ChartModifier>              
                <SciChart:ModifierGroup>
                <SciChart:XAxisDragModifier></SciChart:XAxisDragModifier>
                <SciChart:YAxisDragModifier AxisId="SecondaryAxisId"></SciChart:YAxisDragModifier>
                <SciChart:YAxisDragModifier AxisId="PrimaryAxisId"></SciChart:YAxisDragModifier>
                            <SciChart:LegendModifier ShowLegend="false" ShowVisibilityCheckboxes="False" Margin="3"/>
                            <SciChart:RubberBandXyZoomModifier/>

                <SciChart:ZoomPanModifier ExecuteOn="MouseRightButton"/>
                    <SciChart:ZoomExtentsModifier ExecuteOn="MouseDoubleClick"/>

                <SciChart:CursorModifier ReceiveHandledEvents="True" ShowAxisLabels="True"  ShowTooltip="True" ShowTooltipOn="MouseRightButtonDown"/>

                    <!-- For the circle Marks -->                     
           <!--    -->                       
            </SciChart:ModifierGroup>                        
        </SciChart:SciChartSurface.ChartModifier>          
    </SciChart:SciChartSurface>

    <!-- Define the Toolbar -->
    <StackPanel Grid.Row="0" Margin="2,4"  HorizontalAlignment="Left" Orientation="Horizontal">
        <Label x:Name="measureLabel1"  Margin="5"  Foreground="Green" FontStyle="Normal" FontSize="15" FontStretch="UltraCondensed"/>
        <Label x:Name="unit"  Margin="2"  Foreground="Green" FontStyle="Normal" FontSize="10" FontStretch="UltraCondensed"/>
    </StackPanel>

        <!-- Define the Toolbar verticale -->
    <StackPanel Grid.Row="1" HorizontalAlignment="Right" Orientation="Vertical" Width="80">
        <StackPanel.Background>
            <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                <GradientStop Color="Black" Offset="0" />
                <GradientStop Color="#FFCDFFDC" Offset="1" />
            </LinearGradientBrush>
        </StackPanel.Background>
        <!-- Update Theme of my chart -->
        <GroupBox Header="Theme" Height="86" Name="groupBox2" Width="68" BorderBrush="#FFE2E226" FontSize="11" ForceCursor="False">
            <!-- -->
            <Grid Height="62" Width="66">
                <Grid.RowDefinitions>
                    <RowDefinition Height="35*" />
                    <RowDefinition Height="29*" />
                </Grid.RowDefinitions>
                <ComboBox x:Name="cboTheme" MinWidth="50" Margin="2,16,12,26" SelectionChanged="cboThemeChanged" Grid.RowSpan="2" />
            </Grid>
            <GroupBox.Foreground>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="Black" Offset="0" />
                    <GradientStop Color="#FF449D92" Offset="1" />
                </LinearGradientBrush>
            </GroupBox.Foreground>
        </GroupBox>
        <!--   -->
        <GroupBox Header="Symboles" Height="95" Name="groupBox1" Width="70" BorderBrush="#FFE2E226">
            <GroupBox.Foreground>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="Black" Offset="0" />
                    <GradientStop Color="#FFFFFF31" Offset="1" />
                    <GradientStop Color="#FFF1F12E" Offset="0.948" />
                    <GradientStop Color="#FF09D1DD" Offset="0.919" />
                    <GradientStop Color="#FF07AEB8" Offset="0.767" />
                    <GradientStop Color="#FFC0EA52" Offset="0.942" />
                    <GradientStop Color="#FFF3F32E" Offset="0.959" />
                    <GradientStop Color="#FFC0EA52" Offset="0.942" />
                    <GradientStop Color="#FFF8F82F" Offset="0.977" />
                    <GradientStop Color="#FF60DC9A" Offset="0.93" />
                    <GradientStop Color="#FF116C6C" Offset="0.878" />
                </LinearGradientBrush>
            </GroupBox.Foreground>
            <Grid Height="39" Width="51">
                <RadioButton x:Name="rdioBtCircle" Content="Circle" BorderThickness="4" Margin="-4,-8,-20,0" Foreground="White" FontSize="10" FontStretch="UltraCondensed" Checked="rdioBtCircle_Checked"  Height="36" VerticalAlignment="Top"/>
                <RadioButton x:Name="rdioBtCarre" Content="Square" BorderThickness="4" Margin="-4,9,-21,6" Foreground="White" FontSize="10" FontStretch="UltraCondensed" />
                <RadioButton x:Name="rdioBtTriangle" Content="Triangle" BorderThickness="4" Margin="-4,6,-21,-20" Foreground="white" FontSize="10" FontStretch="UltraCondensed" Height="14"  />
                <RadioButton x:Name="rdioBtSans" Content="None" BorderThickness="4" Foreground="white" FontSize="10" FontStretch="UltraCondensed" Margin="-4,42,2,-15" />
            </Grid>
        </GroupBox>
        <Button Click="CopyToClipboardClick" Content="Copy to Clipboard" Height="30" />
        <Button Click="SaveAsPngClick" Content="Save to PNG" Height="30" />
        <Button Margin="3" Click="PrintToXpsClick" Content="Print" Height="30" Width="75" />
    </StackPanel>

    <Label x:Name="graphPaneTitle"  Margin="5" HorizontalAlignment="Center"  Foreground="Black" FontStyle="Italic" FontSize="18" FontStretch="UltraCondensed"/>
</Grid>

Thank You!

  • You must to post comments
1
0

Hi there,

Thank you for your enquiry! Please take a look at our KnowledgeBase. Here we have detailed articles on how to use the parts of the SciChart API.

In particular, take a look at

As these show you how to style the scrollbar.

enter image description here

Thanks and regards,
Andrew

  • You must to post comments
0
0

those are the two picture ! how can i do?

Images
  • You must to post comments
Showing 2 results
Your Answer

Please first to submit.