Change speed of radial gauge dial

7 posts, 2 answers
  1. Albert
    Albert avatar
    4 posts
    Member since:
    Jun 2017

    Posted 24 Aug Link to this post

    Is there anyway to change the timing (speed) of the needle sweep?

    I want to slow down the speed of the needle after its been given a value.

    I don't see a exposed value, but I am guessing that some JavaScript "timer" function is used to control the speed of the needle when it moves to a given value.

    Is some value existing in the control? I willing to set this value server or client side. eg:

    eg:

    var gao6 = $find("<%=gaPartsDiscount.ClientID%>"); //the standard script control object
    var gao6g = gao6.get_kendoWidget(); //the Kendo widget
    var gao6v;
    -----> set "speed" of sweep??????
    gao6g.value(50);

    Regards,

    Albert D. Kallal

     

  2. Answer
    Peter Milchev
    Admin
    Peter Milchev avatar
    282 posts

    Posted 29 Aug Link to this post

    Hello Albert,

    The speed of the pointer is controlled of the pointer's animation.duration property as explained in How can I change the transitions duration for the Radial Gauge widget?

    kendoGauge.pointers[0].options.animation.duration = 10;

    Regards,
    Peter Milchev
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Albert
    Albert avatar
    4 posts
    Member since:
    Jun 2017

    Posted 30 Aug in reply to Peter Milchev Link to this post

    Thank kindly  - I had wound up writing my own loop with setTimer - but this is far better.

    Regards,

    Albert

  4. Albert
    Albert avatar
    4 posts
    Member since:
    Jun 2017

    Posted 30 Aug Link to this post

    Above works fine.

    Small follow up question if I may.

    Can I set this value in the markup (or even server side code??).

    eg: in here?

    <Pointer Value="0" Color="255, 200, 30">
        <Cap Color="255, 200, 30" />
    </Pointer>

    At the end of the day, I do have jscript code to set above working, but if I can set this server, or client side without code, then I not have to setup a hidden control to hold the gauge value, set duration speed, and then set gauge value.

  5. Answer
    Peter Milchev
    Admin
    Peter Milchev avatar
    282 posts

    Posted 04 Sep Link to this post

    Hello Albert,

    I am afraid that the configuration of the animation speed can be configured only with JavaScript. 

    Regards,
    Peter Milchev
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  6. Albert
    Albert avatar
    4 posts
    Member since:
    Jun 2017

    Posted 04 Sep in reply to Peter Milchev Link to this post

    Thanks - as noted not the end of the world. I would suggest (hope!!!) that you add/include the speed (animation) setting as a tag and thus include it in the property sheet for future releases. This not only allows easy setting, but MORE valuable is the "discovery" of the feature - it becomes rather "self documenting" by a simple look at the property sheet in the asp.net designer.

    At the end of the day, rather thrilled with the gauge. I am pulling some values from SQL server, and the ease of setting the values on a web page with a wee tiny bit of .net code makes me look like a magician.

    Could not be more impressed with what you folks done with these controls - really nice!

    Again, thanks kindly,

    Albert

     

  7. Peter Milchev
    Admin
    Peter Milchev avatar
    282 posts

    Posted 05 Sep Link to this post

    Hello Albert,

    I would suggest you submit a feature request for exposing these properties in our Telerik Feedback and Ideas portal.

    This will let the community evaluate, comment and vote on the idea. If it becomes popular, management will prioritize its implementation.

    Regards,
    Peter Milchev
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top