Full circle radial gauge

2 posts, 0 answers
  1. Katya
    Katya avatar
    21 posts
    Member since:
    May 2013

    Posted 04 Nov 2013 Link to this post

    Hi,

    How can I create a radial gauge with its scale displayed as a full circle? Please see the attached pic to get a clear understanding.

    Thankyou
    Katya
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 04 Nov 2013 Link to this post

    Hi Katya,

    You can set the StartAngle and EndAngle of the scale to achieve your requirement.

    ASPX:
    <telerik:RadRadialGauge runat="server" ID="RadRadialGauge1" Height="350px" Width="350px">
        <Pointer Value="118" Color="OrangeRed">
            <Cap Color="Black" Size="0.1" />
        </Pointer>
        <Scale Min="0" Max="120" MajorUnit="30" MinorUnit="5" StartAngle="-90" EndAngle="270">
            <Labels Format="{0} Kmph" Position="Outside" />
            <Ranges>
                <telerik:GaugeRange Color="#7FFFFE" From="40" To="80" />
                <telerik:GaugeRange Color="#008083" From="80" To="120" />
            </Ranges>
        </Scale>
    </telerik:RadRadialGauge>

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top