Overview

TheRadGaugecontrols serve as instruments that indicate and give a visual display of amount, level, or contents of something. These values are presented via indicators (needles, arrows, and others). To give context to the indicated value (or values) the gauge uses an axis and gauge ranges. The axis states a minimum and maximum which determine the allowed values. The gauge ranges denote certain parts of the axis range and are usually displayed with different colors to provide additional information. For example, in an axis range [0, 200] a Red gauge range [180, 200] can be added to articulate that values within this range are too high.

Telerik UI for Xamarin Ninja image

The Gauge is part ofTelerik UI for Xamarin, a professional grade UI component library for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Figure 1: RadGauge Overview

Gauge example

Key features

  • Different display layouts: RadGauge is the code-name behind the RadRadialGauge, RadHorizontalGauge and RadVerticalGauge controls. They give you the ability to display the gauge scale using different layouts. Read more about the controls in theGauge Typeshelp section.
  • Linear axis: Linear scale distribution. Read more about the gauge's axis in theAxisarticle.
  • Indicators: Built-in indicators (Arrow, Needle) that allow customization of the appearance, including fill, stroke and shape. For more information check theIndicatorsarticle.
  • Ranges: A collection of ranges that allows you to mark different parts of the scale. Checkherefor more info.
  • Animations: Smooth out of the box animations. Read more about this in theAnimationsarticle.

See Also

In this article
Baidu
map