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

2 posts, 0 answers
  1. gaurav
    gaurav avatar
    5 posts
    Member since:
    Aug 2015

    Posted 12 Feb 2017 Link to this post

    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=""
        <Grid Grid.ColumnSpacing="0" Grid.RowSpacing="0" BackgroundColor="#F7F7F7">
            <RowDefinition Height="*" />
        <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" />

  2. Lance | Manager Technical Support
    Lance | Manager Technical Support avatar
    1195 posts

    Posted 14 Feb 2017 Link to this post

    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.

    Lance | Tech Support Engineer, Sr.
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top