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.
Syncfusion Feedback

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

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.

Customizing linear gauge labels

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.

Customizing linear gauge ticks

Ticks customization

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

Setting offset to position linear gauge control

Offset

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

Gradient color support for linear gauge scales

Gradient color

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

Direction support for linear gauge scales

Direction

Change the scale direction to backward (inversed) or forward.

Multiple scales support for linear gauge

Multiple scales

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 values that fall on a linear scale.

Positioning linear gauge range

Range position

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

Range thickness support for linear gauge

Range thickness

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

Gradient range color support for linear gauge ranges

Gradient range color

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

Multiple ranges support for linear gauge

Multiple ranges

Add multiple ranges to the scale to show the color variations in gauges.


Bar pointer

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

Positioning bar pointer in linear gauge

Pointer position

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

Corner radius support for linear gauge pointer

Corner radius

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

Gradient color support for linear gauge pointer

Gradient color

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


Symbol pointers

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 the values.

Positioning linear gauge symbol pointer

Pointer position

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

Different types of linear gauge pointer

Pointer type

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

Image support for linear gauge pointer

Image pointers

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


Annotations

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

Image annotation support for linear gauge

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.

View annotation support for linear gauge

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 annotation support for linear gauge

Text annotation

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


130+ XAMARIN 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