Problem with scrolling

[Nicholas Antoniades]

Hello I have a problem with horizontal scroll view. Imagine that I have three StackLayouts taking whole screen and in the middle one I would like to have a graph chart. Problem is that chart is too big and I want to have horizontal scroll only for that section but couldn't manage so far. I even tried to do it as a custom control. Any ideas, suggestions? How can i achieve x-axis scrolling

[Divya Venkatesan]

Hi Nicholas,

You can reduce the size of chart using WidthRequest and HeightRequest property and set the Orientation of ScrollView as Horizontal to make the scroll in horizontal direction. We have prepared a sample for this.

Sample: http://www.syncfusion.com/downloads/support/forum/135015/ze/ChartSample604259174

Please get back to us if you need any further assistance on this.

Regards,
Divya Venkatesan

[Billy]

I couldn't get a gradient in my splinearea chart until I removed my Scrollview. Not digging that too much. ):

Without Scroll

With Scroll

    x:Class="FishingFanatic.Pages.TideChartPage"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms"
    xmlns:controls="clr-namespace:FishingFanatic.Controls;assembly=FishingFanatic"
    xmlns:viewModels="clr-namespace:FishingFanatic.ViewModels;assembly=FishingFanatic"
    BackgroundColor="Transparent">

   
       
           
           
       

   
   
       
   

   
       
           
                                    FontSize="Medium"
                    HorizontalOptions="CenterAndExpand"
                    Text="{Binding CityParenthesis}" />
           

           


           
                                            Margin="0"
                        HeightRequest="400"
                        WidthRequest="3000"
                        BackgroundColor="Transparent">

                       
                                                            LabelRotationAngle="-60"
                                ShowMajorGridLines = "false">
                               
                                   
                               
                               
                                   
                               
                           
                       


                       
                           
                               
                                                                            FontSize="12"
                                        Text="{Binding ChartYText}"
                                        TextColor="White" />
                               
                               
                                   
                                   
                               
                               
                                   
                               
                               
                                   
                               
                           
                       


                       
                           
                               
                                   
                                       
                                           
                                       
                                   
                               
                               
                                   
                                       
                                           
                                               
                                                   
                                               
                                               
                                           
                                       
                                   
                               
                           
                       
                       

                   
               
           

                            Margin="0"
                Padding="0"
                VerticalOptions="EndAndExpand">
               
           
       
   

[Billy]

The xaml wasn't showing up correctly in the above message.  Here's the file:

Attachment: TideChartPage_d6ee85ed.zip

[Michael Prabhu M]

Hi Billy, 

  

Thanks for the code snippets, we were able to reproduce this issue in Xamarin.Forms.Android and we have logged a defect report on this, we will fix this issue in our upcoming Volume 2 Service Pack 2 release which is scheduled to be rolled out at the end of August 2018.  

  

Thanks, 

Michael