Chart with zoom and scroll

[Ad Maiora Studio SRL]

Hi all,

sync charts are a great tool. I'm evaluating them in a project which I'm working on. My customer requests to show a zoomed chart. This chart shows real time data, so I need to update the zoom position for x and y manually via timer. I've sucessfully done it, what I need now is to hide scrolls bar for  the x and y axisa. Is this possibile?

thanks

F

[Devi Aruna Maharasi Murugan]

Hi Francesco, 

  

Thanks for contacting Syncfusion Support. 

  

We can enable or disable the scrollbar by using EnableScrollBar property of chart axis as shown in the below code snippet, 

 

<chart:SfChart.PrimaryAxis> 

     <chart:NumericalAxis EnableScrollBar="False" /> 

</chart:SfChart.PrimaryAxis> 

 

<chart:SfChart.SecondaryAxis> 

     <chart:NumericalAxis EnableScrollBar="False" /> 

</chart:SfChart.SecondaryAxis> 

 

  

Regards, 

Devi 

[Ad Maiora Studio SRL]

Hi Devi,

unfortunately there's no EnableScrollBar on ChartAxis class. For clarity I'm not using sfChart but classic Chart

                                        <syncfusion:ChartArea.PrimaryAxis>

                                            <syncfusion:ChartAxis LabelForeground="LightGray" RangePadding="None" 

                                                                  Header=""                                                                  

                                                                  EnableZooming="True" ZoomFactor=".5"                                                                        

                                                                  syncfusion:ChartArea.ShowGridLines="False"

                                                                  IsAutoSetRange="False" Range="{Binding Track.DistanceRange}" Interval="{Binding Track.DistanceInterval}">

                                                <syncfusion:ChartAxis.TickLineStroke>

                                                    <Pen Brush="LightGray" Thickness="1"/>

                                                </syncfusion:ChartAxis.TickLineStroke>

                                            </syncfusion:ChartAxis>

                                        </syncfusion:ChartArea.PrimaryAxis>

[Devi Aruna Maharasi Murugan]

Hi Francesco, 

  

Thanks for your update. 

  

In Classic Chart, we can customize the scrollbar visibility with attached properties HorizontalBarVisibility and VerticalBarVisibility of ChartArea. The properties can be set as shown in the below code snippet, 

 

<chart:Chart > 

  <chart:ChartArea  

                chart:ChartZoomingScrollBar.VerticalBarVisibility="Hidden" 

                chart:ChartZoomingScrollBar.HorizontalBarVisibility="Hidden"> 

  </chart:ChartArea> 

</chart:Chart> 

  

We have prepared a demo sample for your reference and it can be downloaded from below link, 

  

Sample: ClassicChartZooming 

  

Regards, 

Devi 

[ariel del campo]

Thanks for this free book