Essential Studio for Xamarin.Forms
Range Area Chart & Graph

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:ChartExample"
             xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms"
             x:Class="ChartExample.MainPage">

    <ContentPage.BindingContext>
        <local:ViewModel/>
    </ContentPage.BindingContext>

    <chart:SfChart>

        <chart:SfChart.PrimaryAxis>
            <chart:CategoryAxis/>
        </chart:SfChart.PrimaryAxis>

        <chart:SfChart.SecondaryAxis>
            <chart:NumericalAxis/>
        </chart:SfChart.SecondaryAxis>

        <chart:RangeAreaSeries ItemsSource="{Binding Data}" XBindingPath="Month" High="High" Low="Low"/>

    </chart:SfChart>

</ContentPage>

public class Model
{
    public string Month { get; set; }

    public double High { get; set; }

    public double Low { get; set; }

    public Model(string xValue, double high, double low)
    {
        Month = xValue;
        High = high;
        Low = low;
    }
}

public class ViewModel
{
    public ObservableCollection<Model> Data { get; set; }

    public ViewModel()
    {
        Data = new ObservableCollection<Model>()
        {
            new Model("Jan", 50, 12),
            new Model("Feb", 70, 13),
            new Model("Mar", 65, 14),
            new Model("Apr", 57, 15),
            new Model("May", 48, 10), 
        };
    }
}