Angular UI Components
Show Demo List
Angular UI Components
|
|
|
|
The Gauge component for Angular displays an indicator within a range of values. Gauges are usually used in a table to show the relative value of a field in a range of values in the data region, for example, as a KPI. The labels of the Gauge can be formatted to be shown on the inside or on the outside of the Gauge. In addition you can also easily show and hide the ranges and the border. The component can have a slider and can be configured to resemble a mechanical clock. The Gauge can also be linear instead of circular and to resemble a thermometer.
jqxGauge is the jQWidgets Gauge component for Angular. Radial and linear gauges with ranges, ticks, labels and animated pointers.
jqxGauge has 25 properties, 2 events and 3 methods, all in the API reference. Its main members, those its demos use first:
border (property) – Sets or gets the gauge's properties for it's border.labels (property) – Sets or gets the gauge's properties for it's labels.ranges (property) – This property is array of objects.ticksMajor (property) – Sets or gets the gauge's properties for it's major ticks.ticksMinor (property) – Sets or gets the gauge's properties for it's minor ticks.value (property) – Sets or gets gauge's value.animationDuration (property) – Sets or gets jqxGauge's animation duration [ms].colorScheme (property) – Sets the gauge's color palette.max (property) – Sets or gets jqxGauge's max value.pointer (property) – Sets or gets the gauge's properties for it's pointer.