Is there an easy way to get a gradient on a radial gauge range?

2 posts, 0 answers
  1. Grinden
    Grinden avatar
    14 posts
    Member since:
    Jun 2013

    Posted 02 Oct 2017 Link to this post


    I'm using the RadRadialGauge and trying to add a range with a colour gradient. I can't see an obvious way to do this. 

    Whilst googling I found ( that it is supported in the Xamarin controls with the GaugeGradientRange class. Is there a WPF equivalent or another way to do this?

    Many thanks,


  2. Sia
    Sia avatar
    745 posts

    Posted 03 Oct 2017 Link to this post


    Unfortunately the ProportionalGradient value for RangeColorMode does not work as expected when a RadialScale is used. I have logged a public item for this bug report. You can also find your telerik points updated.

    As a workaround I can suggest the solution in the attached project which uses a ProportionalBrush mode and two radial scales - one with a range with a solid background color and another with as many gauge ranges as needed. Their backgrounds need to be with close values for background color.  Of course the blending effect cannot be achieved in this way.

    I hope this is acceptable for your scenario.

    Progress Telerik
    Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
Back to Top