Horizontal scroll in Sfchart

Hi,

I have a requirement for horizontal scrolling the x-axis to see d rest of the data as it contains 24 hours(being 1 hour) the value.Is there any property from which i can acheive that?

3 Replies

MP Michael Prabhu M Syncfusion Team September 12, 2018 10:11 AM UTC

Hi Sweety Rani, 
 
Greetings from Syncfusion, Chart allows you to zoom in, to view the data clearly. To enable this feature, you need to add an instance of ChartZoomPanBehavior to the ChartBehaviors collection property of SfChart. To enable panning of the zoomed chart you have to set EnablePanning  to true.  
You can learn more about our zooming and panning of chart from the below User Guide link. 
 
 
Also, if we have misunderstood your query, can you give more information on your scenario so that we can provide you a better solution. 
 
Thanks, 
Michael  
 



NA Narasimha November 2, 2018 09:11 AM UTC

Hi,

Any update on this thread, We also have same kind of requirement.
For example: There is FastLineSeries  plotted 10000 points with interval value  is 1 and  AutoScrollingDelta value is 25 and AutoScrollingMode is set with Start, 
In this case horizontal scroll bar is required because, how end user would know that there are  9000+ points are remaining and he needs to pan (swipe horizontally right to left) 10000/25 = 400 times to reach end of the graph. Its very difficult for end user to pan when we have large number of points on the series.
Is there any option to Pan  programmatically ? 
My requirement is that i will use range slider horizontally and  move (pan) sf chart when user drags the range slider bar.

Regards,
Murthy



MP Michael Prabhu M Syncfusion Team November 7, 2018 06:44 AM UTC

Hi Narasimha, 
 
Sorry for the delay,  
 
We have achieved your requirement with help of Xamarin.Forms slider. Please download the sample in the below link.  
 
 
Also, you have created an incident on the same query, so please follow up on that incident for further updates from us regarding UWP. 
 
Thanks, 
Michael.  
 


Loader.
Up arrow icon