The Radial Gauge control for Flutter is a data visualization widget, written in Dart, that displays numerical values on a circular scale. It has a rich set of features such as axes, ranges, pointers, and annotations that are fully customizable and extendable. Use it to create speedometers, temperature monitors, dashboards, meter gauges, multiaxis clocks, watches, activity gauges, compasses, and more.
The axis of the Flutter Radial Gauge control is an easily customizable radial arc in which a set of values can be plotted based on business logic.
Customize the look and feel of the default labels using the text style, size, and color properties. You can also add prefix or suffix text to the label.
Define your own style for minor and major ticks with the help of the size, color, and thickness properties.
To enhance readability, change the default axis position by setting the offset value for labels, ticks, and the axis line.
The axis line is used to add a radial border to a gauge. You can change the default axis line’s look to your own style.
Add multiple axis to the gauge to design it like a clock, dashboard, speedometer, etc.
Change the axis direction to clockwise or counterclockwise.
Custom axis allows to display the set of values along a linear or custom scale based on the design requirements.
A range of the Flutter radial gauge is a visual element that helps you quickly visualize where a value falls on a radial axis.
The range label is used to annotate the text in range to improve the readability.
The range width varies based on the values to enhance usage and readability.
The Flutter Radial Gauge control allows you to add multiple ranges inside the radial axis to indicate color variation.
You can combine multiple ranges as a single group using the text pointer.
Pointers contains a list of pointer elements, where you can add any number of gauge pointers such as needle pointer, range pointer and marker pointer inside the axis to indicate the value.
Indicate a current value by using the highly customizable needle-type element.
To highlight values, set the marker pointer type to a built-in shape, such as a triangle, inverted triangle, square, or diamond.
To highlight values using text, set the marker pointer type to a built-in type as image.
A range pointer is used to indicate the current value relative to the start value of a radial axis.
Annotations display metadata about a flutter radial gauge at specific points of interest in a plotting area.
The annotations feature provides options to add any image over a gauge control with respect to angle or axis value. You can add multiple images in a single control.
Add any text over the Radial Gauge control to enhance its readability. You can also add multiple text instances in a single control.
The Flutter Radial Gauge control provides a visually appealing way when the pointer moves from one value to another. Gauge supports various pointer animations.
The Flutter Radial Gauge control provides an option to drag a pointer from one value to another. It is used to change the value at run time.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.