This is a migrated thread and some comments may be shown as answers.

Change speed of radial gauge dial

6 Answers 140 Views
Gauge
This is a migrated thread and some comments may be shown as answers.
Albert
Top achievements
Rank 1
Albert asked on 24 Aug 2017, 11:44 PM

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

 

6 Answers, 1 is accepted

Sort by
0
Accepted
Peter Milchev
Telerik team
answered on 29 Aug 2017, 02:03 PM
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.
0
Albert
Top achievements
Rank 1
answered on 30 Aug 2017, 04:25 PM

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

Regards,

Albert

0
Albert
Top achievements
Rank 1
answered on 30 Aug 2017, 05:35 PM

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.

0
Accepted
Peter Milchev
Telerik team
answered on 04 Sep 2017, 01:17 PM
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.
0
Albert
Top achievements
Rank 1
answered on 04 Sep 2017, 06:59 PM

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

 

0
Peter Milchev
Telerik team
answered on 05 Sep 2017, 10:59 AM
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.
Tags
Gauge
Asked by
Albert
Top achievements
Rank 1
Answers by
Peter Milchev
Telerik team
Albert
Top achievements
Rank 1
Share this question
or