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.
Unfortunately, activation email could not send to your email. Please try again.

Overview

The 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.

Overview


Gauge scales

The axis of the 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.

Labels customization

Labels customization

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

Ticks customization

Ticks customization

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

Offset

Offset

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

Gradient color

Gradient color

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

Direction

Direction

The linear gauge allows you to set the scale to a backward (inversed) or forward direction.

Multiple scales

Multiple scales

The linear gauge allows you to add multiple scales to the gauge to design it like a thermometer, dashboard, value indicator, etc.


Gauge range

A range of the linear gauge is a visual element that helps to quickly visualize a value that falls on a linear scale.

Range position

Range position

Range position can be changed or moved to any place inside the gauge.

Range thickness

Range thickness

Range thickness varies based on values to help visualize the importance of actual usage and enhance readability.

Gradient range color

Gradient range color

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

Multiple ranges

Multiple ranges

The linear gauge allows you to add multiple ranges to a scale to show color variations.


Bar pointer

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

Pointer position

Pointer position

The position of the bar pointer can be moved to any place inside the gauge.

Corner radius

Corner radius

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

Gradient color

Gradient color

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


Symbol pointer

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

Pointer position

Pointer position

Marker pointers can be moved to any place inside the gauge.

Pointer type

Pointer type

The pointer type of a scale can be changed to built-in shapes such as a triangle, inverted triangle, square, or diamond to highlight values.

Image pointer

Image pointer

The marker pointer can be customized by adding images to highlight values.


Annotation

Annotations display metadata about the circular gauge at a specific point of interest in the plotting area.

Image annotation

Image annotation

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.

View annotation

View annotation

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 annotation

Text annotation

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


100+ XAMARIN CONTROLS

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

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

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.