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. (Last updated on : November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to customize a circular gauge control as a TimeLine gauge?

This article explains the steps required to design a custom timeline render. The marker pointer has been customized as image to indicate the time line value. Header is used for displaying the updated value.

Circular gauge control can be customized as follows:

 

  1. Create a Xamarin application, and initialize SfCircularGauge control on it.

XAML:

 

 

  1. Ranges can be used to know the dim value of weather data.

 

XAML:

 

  1. Pointers can be used to set images in gauges as per the values. Images can be touched and moved to the respective position.

XAML:

 

  1. Add Headers to know the weather dim value. By using the header, position can be altered as required.

XAML:

 

  1. In code behind, weather dim values can be updated dynamically.

C#:

 

The following screenshot illustrates the custom timeline render gauge.                

 

Please find the complete sample for the above document in the link.

Article ID: Published Date: Last Revised Date: Platform: Control:
8294 01/11/2018 01/11/2018 Xamarin.Forms SfCircularGauge
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon