This article explains you to design a Quarter Gauge using Circular Gauge.
Circular Gauge can be used Quarter Gauge for various scenarios and control can be customized accordingly.
The following screenshot displays the Quarter Gauge using circular gauge.
Import the SfGauge namespace as shown below,
Create a Xamarin application and initialize SfCircularGauge control in it. Set Gauge type as NorthWest using GaugeType property in order achieve Quarter Gauge.
Range can be used to know the percentage battery life.
Add Needle Pointer to show current battery life
Using Major and Minor Ticks, Quarter gauge can be customized in circular gauge
Finally, add header to indicate percentage value of battery, since header can be positioned as required.
Output for the above code snippet-
SfCircularGauge type is determined by positioning the control towards particular direction. GaugeType is an enum property that provides the option to select type of the SfCircularGauge type
Please refer the following link for better understanding,
Output for the above code snippet for GaugeType as NorthEast-
This page will automatically be redirected to the sign-in page in 10 seconds.