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

Overview

The Xamarin.Forms Linear Gauge is a data visualization component that helps display numerical values on a linear scale. It has highly customizable features such as scales, pointers, ranges, and annotations. Also, it offers creation of value indicator, pressure gauge, thermometer, ruler, progress bar, KPI and more.


Gauge scales

The axis of a Xamarin.Forms Linear Gauge is a linear scale, where a set of values can be plotted based on any business logic. The appearance of a scale can be customized easily. You can change linear scale orientation to either horizontal or vertical based on the design needs.

Xamarin.Forms Linear Gauge shows vertical gauge that labels are customized

Labels customization

Customize the look and feel of the default labels using the font style, size, and color properties. Prefix or suffix text also can be added to the label.

Xamarin.Forms Linear Gauge shows horizontal gauge that ticks are customized

Ticks customization

Define your own style for minor and major ticks using the size, color, and thickness properties.

Setting offset to customize the position for Xamarin.Forms Linear Gauge

Offset

To enhance readability, change the default scale position by setting the offset value for labels and ticks.

Xamarin.Forms Linear Gauge shows gradient effect for scale

Gradient color

Colors vary gradually based on scale values, which gives a smooth color transition effect.

Xamarin.Forms Linear Gauge shows right to left scale direction

Direction

You can change the scale direction to backward (inversed) or forward.

Xamarin.Forms Linear Gauge shows vertical gauge using multiple scale support

Multiple scales

Add multiple scales to the gauge to design it like a thermometer, dashboard, value indicator, etc.


Gauge range

A range of the Xamarin.Forms Linear Gauge is a visual element that helps to quickly visualize the value that falls on a linear scale.

Xamarin.Forms Linear Gauge shows customized range position

Range position

You can change or move range position to any place in the gauge.

Xamarin.Forms Linear Gauge shows different range thickness values

Range thickness

Range thickness varies based on values, visualizing the importance of actual usage and enhancing readability.

Xamarin.Forms Linear Gauge shows gradient color effect for ranges

Gradient range color

Range colors vary gradually based on scale values, which gives a smooth color transition effect.

Xamarin.Forms Linear Gauge shows multiple range support

Multiple ranges

Add multiple ranges to the scale to show color variations in a gauge.


Bar pointer

The bar pointer is used to point out the current value from the start value of a linear scale.

Xamarin.Forms Linear Gauge shows position customized bar pointer

Pointer position

Change or move the position of the bar pointer to any place in the gauge.

Xamarin.Forms Linear Gauge shows bar pointer with rounded corners

Corner radius

The bar pointer provides options to add the corner radius at start, end, and both sides of the pointer. This support provides a rich styling experience for data visualization.

Xamarin.Forms Linear Gauge shows gradient color effect for bar pointer

Gradient color

Bar pointer colors vary gradually based on scale values, which gives a smooth color transition effect.


Symbol pointers

You can point out the current value in the linear scale by using marker pointers. Change the pointer type to built-in shapes such as triangles, inverted triangles, squares, or circles to highlight the values.

Xamarin.Forms Linear Gauge shows customized symbol pointer position

Pointer position

Change or move marker pointers to any place in the gauge.

Xamarin.Forms Linear Gauge shows different type symbol pointer

Pointer type

Change the pointer type of a scale to built-in shapes such as a triangles, inverted triangles, squares, or diamonds to highlight the values.

Xamarin.Forms Linear Gauge shows image type symbol pointer

Image pointers

Customize the marker pointer by adding images to highlight the values.


Annotations

Annotations display metadata about a Xamarin.Forms Linear Gauge at a specific point of interest in the plotting area.

Image added in Xamarin.Forms Linear Gauge using annotation support

Image annotations

Annotations provide options to add any image over the gauge control with respect to its offset position. Multiple images can also be added to a single control.

Xamarin.Forms Linear Gauge shows thermometer design using annotation support

View annotations

Add any view or shape to the gauge control with respect to its offset position. Multiple views can also be added to a single control.

Text added in Xamarin.Forms Linear Gauge using annotation support

Text annotations

Add any text over the gauge control to enhance readability. Multiple text instances can also be added to a single control.


130+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

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