gauges library

Syncfusion flutter gauges library includes data visualization widgets such as radial gauge, which is used to create modern, interactive, and animated gauges that are used to craft high-quality mobile app user interfaces using Flutter.

To use, import package:syncfusion_flutter_gauges/gauges.dart.

See also:

Classes

AxisLabelCreatedArgs
Returns the AxisLabelCreatedArgs used by the RadialAxis.onLabelCreated event.
AxisLineStyle
Create the style of axis line. [...]
CircularAxisLabel
Holds the axis label information.
GaugeAnnotation
RadialAxis allows to add widgets such as text and image as an annotation to a specific point of interest in the radial gauge. [...]
GaugeAxis
GaugeAxis has properties for customizing axis elements such as labels, ticks and axis lines. [...]
GaugePointer
GaugePointer has properties for customizing gauge pointers.
GaugeRange
Create the range to add color bar in the gauge. [...]
GaugeTextStyle
A style in which paint text.
GaugeTitle
Title of the gauge. [...]
KnobStyle
A style in which draw needle pointer knob. [...]
MajorTickStyle
Create the style of axis major tick. [...]
MarkerPointer
Create the pointer to indicate the value with built-in shape. [...]
MinorTickStyle
Create the style of axis minor tick. [...]
NeedlePointer
Create the pointer to indicate the value with needle or arrow shape. [...]
PointerPaintingDetails
Details for the drawPointer method, such as the location of the pointer, the angle and the radius needed to draw the pointer.
RadialAxis
The RadialAxis is a circular arc in which a set of values are displayed along a linear or custom scale based on the design requirements. [...]
RangePointer
Create the pointer to indicate the value with rounded range bar arc. [...]
SfRadialGauge
Create radial gauge widget to 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. [...]
TailStyle
A style in which draw pointer tail. [...]
ValueChangingArgs
Returns the ValueChangingArgs used by the GaugePointer.onValueChanging event

Enums

AnimationType
Apply the different types of animation to pointer.
CornerStyle
Apply the corner style for range pointer.
ElementsPosition
Position the gauge element either inside or outside the axis.
GaugeAlignment
A alignment along either the horizontal or vertical.
GaugeSizeUnit
Size determined either the logical pixel or the radius factor.
MarkerType
Apply the different marker type for pointer.