StepArea.cs

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

namespace SampleBrowser
{
    public class StepArea : SamplePage
    {
        SfChart chart;
        public override View GetSampleContent(Context context)
        {
            chart = new SfChart(context);
            chart.Title.Text = "Electricity-Production";
            chart.Title.TextSize = 15;
            chart.SetBackgroundColor(Color.White);
            chart.ColorModel.ColorPalette = ChartColorPalette.Natural;

            chart.Legend.Visibility = Visibility.Visible;
            chart.Legend.IconHeight = 14;
            chart.Legend.IconWidth = 14;
            chart.Legend.DockPosition = ChartDock.Bottom;
            chart.Legend.ToggleSeriesVisibility = true;

            NumericalAxis categoryaxis = new NumericalAxis();
            categoryaxis.MajorTickStyle.TickSize = 8;
            categoryaxis.ShowMajorGridLines = false;
            categoryaxis.Interval = 2;
            categoryaxis.EdgeLabelsDrawingMode = EdgeLabelsDrawingMode.Shift;
            chart.PrimaryAxis = categoryaxis;

            NumericalAxis numericalaxis = new NumericalAxis();
            numericalaxis.Title.Text = "Production (Billion as kWh)";
            numericalaxis.Minimum = 0;
            numericalaxis.Maximum = 600;
            numericalaxis.Interval = 100;
            numericalaxis.LabelStyle.LabelFormat = "#'B'";
            numericalaxis.LineStyle.StrokeWidth = 0;
            numericalaxis.MajorTickStyle.StrokeWidth = 0;
            chart.SecondaryAxis = numericalaxis;

            StepAreaSeries stepAreaSeries1 = new StepAreaSeries();
            stepAreaSeries1.ItemsSource = MainPage.GetStepAreaData1();
            stepAreaSeries1.XBindingPath = "XValue";
            stepAreaSeries1.YBindingPath = "YValue";
            stepAreaSeries1.Label = "Renewable";
            stepAreaSeries1.EnableAnimation = true;
            stepAreaSeries1.LegendIcon = ChartLegendIcon.Rectangle;

            StepAreaSeries stepAreaSeries2 = new StepAreaSeries();
            stepAreaSeries2.ItemsSource = MainPage.GetStepAreaData2();
            stepAreaSeries2.XBindingPath = "XValue";
            stepAreaSeries2.YBindingPath = "YValue";
            stepAreaSeries2.Label = "Non-Renewable";
            stepAreaSeries2.EnableAnimation = true;
            stepAreaSeries2.LegendIcon = ChartLegendIcon.Rectangle;

            chart.Series.Add(stepAreaSeries1);
            chart.Series.Add(stepAreaSeries2);

            return chart;
        }
    }
}