Radial Gauge with multiple pointers

3 posts, 1 answers
  1. Perry
    Perry avatar
    26 posts
    Member since:
    Feb 2019

    Posted 04 Jul 2019 Link to this post

    I have a radial guage with 2 pointers.   The initial value can be set in the view model for both pointers but when I change the value in the model using Set, only one of the pointers gets changed.  How can i modify both pointer values?

    I've created a dojo showing this.



  2. Answer
    Georgi avatar
    703 posts

    Posted 08 Jul 2019 Link to this post

    Hello Perry,

    Currently the gauge is bound to the selectedPumpRate field.


    data-bind="value: selectedPumpRate"

    Thus when the selectedPumpRate is modified, the value of the widget is changed. However, the value of the gauge is the first pointer, therefore using the data-bind attribute you are able to modify only the value of the first pointer.

    To modify the rest of the pointers you could use the pointer.value method.


    goToView2: function(e) {
      var gauge = $('[data-role="radialgauge"]').data('kendoRadialGauge');

    Below you will find a modified version of the sample:

    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Perry
    Perry avatar
    26 posts
    Member since:
    Feb 2019

    Posted 08 Jul 2019 in reply to Georgi Link to this post

    perfect, thanks!
Back to Top