ZoomingAndPanning.cs

using Android.App;
using Android.Content;
using Android.OS;
using Android.Views;
using Android.Widget;
using Com.Syncfusion.Charts;
using Com.Syncfusion.Charts.Enums;
using Android.Graphics;

namespace SampleBrowser
{
    public class ZoomingandPanning : SamplePage
    {
        public override View GetSampleContent(Context context)
        {
            var chart = new SfChart(context);
            chart.Title.Text = "Height vs Weight";
            chart.Title.TextSize = 15;
            chart.SetBackgroundColor(Color.White);
            chart.ColorModel.ColorPalette = ChartColorPalette.Natural;

            NumericalAxis primariyAxis = new NumericalAxis();
            primariyAxis.EdgeLabelsDrawingMode = EdgeLabelsDrawingMode.Shift;
            primariyAxis.ShowMajorGridLines = false;
            primariyAxis.Minimum = 100;
            primariyAxis.Maximum = 220;
            primariyAxis.Interval = 20;
            primariyAxis.Title.Text = "Height in Inches";
            chart.PrimaryAxis = primariyAxis;

            NumericalAxis secondaryAxis = new NumericalAxis();
            secondaryAxis.ShowMajorGridLines = false;
            secondaryAxis.Minimum = 50;
            secondaryAxis.Maximum = 80;
            secondaryAxis.Interval = 5;
            secondaryAxis.Title.Text = "Weight in Pounds";
            chart.SecondaryAxis = secondaryAxis;

            ScatterSeries scatter = new ScatterSeries();
            scatter.Alpha = 0.7f;
            scatter.ScatterWidth = 12;
            scatter.ScatterHeight = 12;
            scatter.ItemsSource = MainPage.GetScatterMaleData();
            scatter.XBindingPath = "XValue";
            scatter.YBindingPath = "YValue";
            scatter.Label = "Male";
            scatter.LegendIcon = ChartLegendIcon.SeriesType;
            scatter.EnableAnimation = true;

            ScatterSeries scatter1 = new ScatterSeries();
            scatter1.Alpha = 0.7f;
            scatter1.ScatterWidth = 12;
            scatter1.ScatterHeight = 12;
			scatter1.ShapeType = ChartScatterShapeType.Diamond;
            scatter1.ItemsSource = MainPage.GetScatterFemaleData();
            scatter1.XBindingPath = "XValue";
            scatter1.YBindingPath = "YValue";
            scatter1.Label = "Female";
            scatter1.LegendIcon = ChartLegendIcon.SeriesType;
            scatter1.EnableAnimation = true;

            chart.Series.Add(scatter);
            chart.Series.Add(scatter1);

            chart.Behaviors.Add(new ChartZoomPanBehavior { SelectionZoomingEnabled = true, SelectionRectStrokeWidth = 1 });

            var label = new TextView(context);
            label.SetPadding(5, 5, 5, 5);
            label.Text = "Pinch to zoom or double tap and drag to select a region to zoom in.";

            var layout = new LinearLayout(context) { Orientation = Android.Widget.Orientation.Vertical };

            var layoutLabel = new LinearLayout(context)
            {
                Orientation = Android.Widget.Orientation.Horizontal,
                LayoutParameters =
                    new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MatchParent, ViewGroup.LayoutParams.WrapContent)
            };

            layoutLabel.SetHorizontalGravity(GravityFlags.CenterHorizontal);
            layoutLabel.AddView(label);

            layout.AddView(layoutLabel);
            layout.AddView(chart);

            return layout;
        }

        public override void OnApplyChanges()
        {
            base.OnApplyChanges();
        }
    }
}