Unexpected behavior when setting Value to 1 in CircularGauge

Hello Syncfusion Team,

i am trying to use the Circular Gauge Control like in the example "Apple Watch".
When i set the Value of the Pointer to 1 the whole ring got filled like i would have set the value to 100.
Is it a bug or did I miss something?
I attached the code i used and a screenshot of the output.

Regards
Mike Bremer









Attachment: circularGauge_8a465ee6.zip

4 Replies 1 reply marked as answer

SB Swetha Babu Syncfusion Team May 21, 2021 11:53 AM UTC

Hi Mike, 
 
Thank you for contacting Syncfusion support. 
 
We were able to reproduce the reported scenario, and as an alternative solution, we set both the "Height" and "Width" properties in your sample to "100%". If you want to set the height and width in pixels, set "275px" or higher to get the circular gauge to work properly for now. Please see the sample modified code below. 
  
  
Meanwhile we have considered the reported scenario as a defect and logged the defect report for the same. The reported issue will be addressed in our Volume 2 Main release 2021, which is scheduled in the end of June 2021. Please use the feedback link provided below to keep track of the reported issue. 
  
Please let us know if you need further assistance. 
  
Regards, 
Swetha Babu.


MB Mike Bremer May 26, 2021 08:14 AM UTC

Thanks for the fast reply,

 so there is no option to make smaller circles at the moment?



SB Swetha Babu Syncfusion Team May 27, 2021 07:44 AM UTC

Hi Mike, 
 
We can make smaller circles by setting the "Height" and "Width" of the circular gauge to a minimum of "275px" as we have updated in our previous update. Please find the sample modified code below. 
 
IMPORTANT NOTE: Please use this minimum value until we provide fix for the reported issue. 
 
Sorry for the inconvenience if any. 
 
Regards, 
Swetha Babu.

Marked as answer

SB Swetha Babu Syncfusion Team July 1, 2021 02:40 PM UTC

Hi Johan, 
 
Sorry for the inconvenience caused. 
 
We have not included the fix for the reported issue of "Range bar pointer with rounded corner radius when enabling the animation" because we are facing complexities when changing the path of the range bar pointer with animation and rounder corner radius and it breaks the basic rendering of the range bar pointer.  
 
We need to reconstruct (major code change) the rounded path of the range bar pointer to overcome this scenario which is considered as a feature. However, we will include this implementation in any of our upcoming releases. Please find the below feedback link to keep track of the reported issue. 
 
  
Please let us know if you need further assistance. 
  
Regards, 
Swetha Babu 


Loader.
Up arrow icon