How to use Gauge component in XAML Page, getting an error

[gaurav]

Hi,
I have copied following code to display gauge on my content page (XAML) but getting below exception when it renders. Can anyone please help me out?
System.ArgumentException: Object of type 'Telerik.XamarinForms.DataVisualization.Gauges.GaugeRangesDefinition' cannot be converted to type 'Xamarin.Forms.View'.
Here is my code:
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:gauges="clr-namespace:Telerik.XamarinForms.DataVisualization.Gauges;assembly=Telerik.XamarinForms.DataVisualization"
             xmlns:common="clr-namespace:Telerik.XamarinForms.Common;assembly=Telerik.XamarinForms.Common"
             x:Class="Test.Portable.Cases.CaseManagement">
   
    <Grid Grid.ColumnSpacing="0" Grid.RowSpacing="0" BackgroundColor="#F7F7F7">
      <Grid.RowDefinitions>
        <RowDefinition Height="*" />
      </Grid.RowDefinitions>
  
  <gauges:GaugeRangesDefinition>
    <gauges:GaugeRange From="0" To="100" Color="Green" />
    <gauges:GaugeRange From="100" To="150" Color="Yellow" />
    <gauges:GaugeGradientRange From="150" To="200">
      <common:RadGradientStop Color="Red" Offset="150" />
      <common:RadGradientStop Color="Black" Offset="200" />
    </gauges:GaugeGradientRange>
  </gauges:GaugeRangesDefinition>
  </Grid>
</ContentPage>

Thanks,
Kumar

[Lance | Senior Manager Technical Support]

Hello Gaurav,

You're missing the RadGauge entirely. Take a look at the RadGauge Getting Started page's code example and it will clarify what you're missing.

Let us know if you have any further trouble.

Regards,
Lance | Tech Support Engineer, Sr.
Telerik by Progress