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.


Gauge scales

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 also can be added to the label.

Ticks customization

Ticks customization

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

Offset

Offset

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

Gradient color

Gradient color

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

Direction

Direction

The linear gauge allows to change the scale direction to backward (inversed) or forward direction.

Multiple scales

Multiple scales

The linear gauge allows 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 the 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 value to visualize the importance of actual usage and enhance the readability.

Gradient range color

Gradient range color

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

Multiple ranges

Multiple ranges

The linear gauge allows to add multiple ranges to the scale to show the color variations in a gauges.


Bar pointer

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

Pointer position

Pointer position

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

Corner radius

Corner radius

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.

Gradient color

Gradient color

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


Symbol pointer

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

Pointer position

Pointer position

Marker pointers can be changed or 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 the values.

Image pointer

Image pointer

The marker pointer can be customized by adding images to highlight the 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 also can be added to a single control.

View annotation

View annotation

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

Text annotation

Text annotation

Add any text over the gauge control to enhance the readability. Multiple text instances also can 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.