StackingArea100.cs

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

namespace SampleBrowser
{
    public class StackingArea100 : SamplePage
    {

        private SfChart chart;

        public override View GetSampleContent(Context context)
        {
            chart = new SfChart(context);
            chart.Title.Text = "Trend in Sales of Ethical Produce";
            chart.Title.TextSize = 15;
            chart.SetBackgroundColor(Color.White);
            chart.Legend.Visibility = Visibility.Visible;
            chart.Legend.ToggleSeriesVisibility = true;
            chart.Legend.DockPosition = ChartDock.Bottom;
            chart.Legend.IconHeight = 14;
            chart.Legend.IconWidth = 14;
            chart.ColorModel.ColorPalette = ChartColorPalette.Natural;

            CategoryAxis primaryAxis = new CategoryAxis();
            primaryAxis.Interval = 2;
            primaryAxis.ShowMajorGridLines = false;
            primaryAxis.EdgeLabelsDrawingMode = EdgeLabelsDrawingMode.Shift;
            chart.PrimaryAxis = primaryAxis;

            NumericalAxis numericalAxis = new NumericalAxis();
            numericalAxis.Minimum = 0;
            numericalAxis.Maximum = 100;
            numericalAxis.Interval = 10;
            numericalAxis.Title.Text = "Spends";
            numericalAxis.LineStyle.StrokeWidth = 0;
            numericalAxis.MajorTickStyle.TickSize = 0;
            numericalAxis.LabelStyle.LabelFormat = "##.##'%' ";
            chart.SecondaryAxis = numericalAxis;

            StackingArea100Series stackingArea100Series1 = new StackingArea100Series();
            stackingArea100Series1.EnableAnimation = true;
            stackingArea100Series1.ItemsSource = MainPage.GetStackedArea100Data1();
            stackingArea100Series1.XBindingPath = "XValue";
            stackingArea100Series1.YBindingPath = "YValue";
            stackingArea100Series1.Label = "Organic";
            stackingArea100Series1.LegendIcon = ChartLegendIcon.SeriesType;
            chart.Series.Add(stackingArea100Series1);

            StackingArea100Series stackingArea100Series2 = new StackingArea100Series();
            stackingArea100Series2.EnableAnimation = true;
            stackingArea100Series2.ItemsSource = MainPage.GetStackedArea100Data2();
            stackingArea100Series2.XBindingPath = "XValue";
            stackingArea100Series2.YBindingPath = "YValue";
            stackingArea100Series2.Label = "Fair-trade";
            stackingArea100Series2.LegendIcon = ChartLegendIcon.SeriesType;
            chart.Series.Add(stackingArea100Series2);

            StackingArea100Series stackingArea100Series3 = new StackingArea100Series();
            stackingArea100Series3.EnableAnimation = true;
            stackingArea100Series3.ItemsSource = MainPage.GetStackedArea100Data3();
            stackingArea100Series3.XBindingPath = "XValue";
            stackingArea100Series3.YBindingPath = "YValue";
            stackingArea100Series3.Label = "Veg Alternatives";
            stackingArea100Series3.LegendIcon = ChartLegendIcon.SeriesType;
            chart.Series.Add(stackingArea100Series3);

            StackingArea100Series stackingArea100Series4 = new StackingArea100Series();
            stackingArea100Series4.EnableAnimation = true;
            stackingArea100Series4.ItemsSource = MainPage.GetStackedArea100Data4();
            stackingArea100Series4.XBindingPath = "XValue";
            stackingArea100Series4.YBindingPath = "YValue";
            stackingArea100Series4.Label = "Others";
            stackingArea100Series4.LegendIcon = ChartLegendIcon.SeriesType;
            chart.Series.Add(stackingArea100Series4);

            stackingArea100Series1.TooltipEnabled = true;
            stackingArea100Series2.TooltipEnabled = true;
            stackingArea100Series3.TooltipEnabled = true;
            stackingArea100Series4.TooltipEnabled = true;

            stackingArea100Series1.EnableAnimation = true;
            stackingArea100Series2.EnableAnimation = true;
            stackingArea100Series3.EnableAnimation = true;
            stackingArea100Series4.EnableAnimation = true;

            return chart;
        }
    }
}