Gauge xamarin forms Examples

3 posts, 0 answers
  1. Ram Prasad
    Ram Prasad avatar
    6 posts
    Member since:
    Mar 2017

    Posted 16 May Link to this post

    Hi,

    Are there any examples for the attached gauge style? or how to achieve with current Telerik xamarin forms ?

    Thanks,

    Ram

  2. Lance | Tech Support Engineer, Sr.
    Admin
    Lance | Tech Support Engineer, Sr. avatar
    419 posts

    Posted 16 May Link to this post

    Hi Ram,

    What you have in the screenshot is not yet supported out-of-the box and thus we do not have any example code you can use to achieve it.

    You could try some visual trickery with customizing axes to make it look like that even though you're not really using the Gauge as it was designed to be used (because you cannot use any of the Indicators)

    First, go here and learn how to style the Radial Gauge so that your ticks are like you want. Then next, you can try setting up two Radial Gauges:

    1 - The bottom axis that has a tick at the locations you want with a gray color
    2 - Then overlay another identical axis with a blue color for the ticks and set the StartAngle and EndAngle, this axis will cover the underlying one and if you line it up right, it should look like your screenshot.

    Just remember that this not how the Gauge was designed to work so you'll need to calculate the angles from your values manually because you're not using any Indicators (which accept a Value).

    Alternatively, you can have a solid BarIndicator to overlay the axis, but it will not look like your screenshot because the bar will cover the ticks.

    Regards,
    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
  3. Petar Marchev
    Admin
    Petar Marchev avatar
    996 posts

    Posted 17 May Link to this post

    Hi,

    You can check out a work-around for this, I have attached a small app that uses shape indicators to achieve the scenario you are looking for.

    Regards,
    Petar Marchev
    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