We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Labels and Ranges are shown off the circular gauge

Hi,

Good-day!

The labels and ranges are shown inside from a distance that I haven't set. I have attached a screenshot.

How do I show them correctly?

code:
            scale.StartValue = 0;
            scale.EndValue = 12;
            scale.StartAngle = 270;
            scale.SweepAngle = 360;
            scale.RimThickness = 20;
            scale.Interval = 1;
            scale.MinorTicksPerInterval = 0.2;
            scale.ShowTicks = true;
            scale.ShowLabels = false;
            scale.ShowFirstLabel = false;
            scale.LabelFontSize = 50;

Please help.

Thanks and regards,
John

Attachment: SfGauge_181449c9.zip

10 Replies

AK Ashwin Kumaravel Syncfusion Team August 16, 2017 10:21 AM UTC

Hi John,

Sorry for the inconvenience,

We have created a sample based on your code snippet and we have set ShowFirstLabel as False.
Can you please download the sample from the below link and please refer the Latest updated Nugets which is attached in the sample?

Sample Link-GaugeSample

Screenshot-
 

Please get back us if you have any concern.

Regards,
Ashwin 



JS John Stephen Mangam August 28, 2017 12:38 PM UTC

Hi Ashwin,

Good-day!

When I run your code, the ShowFirstLabel as False doesn't work. Please help.

Best regards,

John



AK Ashwin Kumaravel Syncfusion Team August 29, 2017 12:07 PM UTC

Hi John,

Thanks for the update,

Can you please use the updated Nugets which is attached in the sample in our previous update?

And also please try to clear the Nugets cache and rebuild the application and please ensure still you are facing the same issue?

Follow the below link to clear cache for windows,

https://www.syncfusion.com/kb/6987/how-to-clear-nuget-cache

For Mac-

Please check and remove in your mac if there is any package in the following location?

• ~/.local/share/NuGet/Cache
• ~/.nuget/package

Try the above mention steps and please get back us if you have any concern.

Regards,
Ashwin



JS John Stephen Mangam November 15, 2017 05:07 PM UTC

Hi, 

Good-day!

I have updated to v 15.4.0.17 and cleared Nuget cache. I see that the circular gauge's scales have been disturbed.

Please see the attached image.

Thanks and regards,
John




JS John Stephen Mangam replied to John Stephen Mangam November 15, 2017 05:08 PM UTC

Hi, 

Good-day!

I have updated to v 15.4.0.17 and cleared Nuget cache. I see that the circular gauge's scales have been disturbed.

Please see the attached image.

Thanks and regards,
John



Sorry, missed out the attachment earlier.

Thank you.
John

Attachment: Scale_display_Error_8381e7b2.zip


AK Ashwin Kumaravel Syncfusion Team November 16, 2017 09:17 AM UTC

Hi John,

Sorry for the inconvenience.

We would like to inform you that the existing behaviour in UWP has been changed to maintain the common behaviours which exist in Android and iOS platforms.

In Previous implementation the Ranges and Range Pointer will render based on the Scale’s Radius factor in our new implementation we have modified in such a way that Ranges and Range pointer will render independent to the Scale radius factor using Range’s offset values.

Can you please set Range’s offset value to overcome from the reported scenario and please find the syntax given below?

Syntax-

<gauge:Scale.Ranges>
<gauge:Range StartValue="0" Offset="1" EndValue="5" Color="Green" />
</gauge:Scale.Ranges>

We have modified the existing sample and attached in the below link,

Sample Link- http://www.syncfusion.com/downloads/support/forum/132114/ze/GaugeClockSample129872411  

Screenshot-
 

Please get back to us if you have any concern,

Regards,
Ashwin
 



JS John Stephen Mangam November 16, 2017 09:23 AM UTC

Thanks a lot for the information, Ashwin.

Have a good day!

Thanks & regards,
John


SG Sri Gayathri Gopalakrishnan Syncfusion Team November 17, 2017 11:06 AM UTC

Hi John,

Thanks for your response and please get back to us if you need any other assistance.

Regards,
Sri Gayathri.G


JA jamess November 1, 2022 10:25 AM UTC

Round/ circle labels work well for a wide range of product information, marketing, branding and retail purposes. At Avery WePrint, we've seen many great examples of customized round stickers used to attract attention, brand a product and give item information.



ET Eswaran Thirugnanasambandam Syncfusion Team November 2, 2022 06:39 AM UTC

Hi James,


Please let us know if you need any Xamarin circular gauge-related requirements or any other assistance.


Regards,

Eswaran


Loader.
Live Chat Icon For mobile
Up arrow icon