Infragistics Ignite UI for Angular Gauges
Visualize data precisely with flexible Angular gauge components.
- Includes linear, radial, and bullet graph gauge components.
- Supports animated transitions with customizable durations.
- Enables detailed customization of needles, ranges, labels, and scales.
Prices from:
| Available in | |
|---|---|
| Infragistics Ignite UI for Angular | Loading |
| Infragistics Ignite UI | Loading |
| Infragistics Professional | Loading |
| Infragistics Ultimate | Loading |
Linear Gauge Component
Displays values against a scale using a linear layout. Supports configurable orientation, direction, a needle for value indication, and customizable tick marks and labels. Includes animated transitions with adjustable duration.
Radial Gauge Component
Presents values in a circular or arc-shaped scale with visual elements like needles, tick marks, and labels. Offers properties to customize backing shapes, scale arcs, sweep directions, and supports optical scaling for dynamic label sizing.
Bullet Graph Component
Shows performance and target values on a linear scale within minimal space. Visualizes progress with a performance bar and target marker, and includes comparative ranges for qualitative assessment. Supports orientation and direction customization.
Needle and Highlight Needles
All gauge types support one or two needles to represent primary and highlight values. Needle shapes and pivot styles can be customized. Radial gauges optionally allow interactive needle dragging by users.
Ranges
Visual elements highlighting value intervals on the scale to indicate qualitative states or thresholds. Multiple ranges can be added with customizable brushes and outlines to visually communicate performance levels.
Tick Marks and Labels
Major and minor tick marks divide the scale into intervals for clarity. Labels display numeric values positioned along scales, with styling options for fonts and colors to enhance readability.
Backing and Scale Customization
Backings serve as the background and border for gauges, rendered beneath all other elements. Scales can be inverted or styled with tailored brushes and extents to fit design requirements and value ranges.
Animated Transitions
Gauges incorporate built-in support for animated transitions when updating values. The animation duration is configurable, allowing smooth and visually appealing data updates.
Integration and Dependencies
Each gauge component requires the Ignite UI Angular core package. Modules for each gauge type must be imported into Angular applications to enable their features and functionality.
Product Compatibility
Review the details below to ensure this product is supported within your environment.
Component Type
- JavaScript
JavaScript Platform
- Angular
- Vanilla JavaScript
About Infragistics
Infragistics, founded in 1989 and headquartered in Cranbury, New Jersey, has established itself as a global force in UI/UX development, serving software professionals in over 100 countries. It is widely recognized for its comprehensive libraries and frameworks supporting web, desktop, and mobile platforms, including solutions tailored for .NET, Angular, React, and other leading technologies. With offices spanning Europe, Asia, and South America, Infragistics delivers components that enable efficient application development and rich user experiences. Its commitment to innovation and customer satisfaction positions it as a trusted partner for developers and organizations worldwide seeking quality and flexibility in their digital projects.
As official and authorized distributors since 1996, ComponentSource supplies you with legitimate licenses directly from Infragistics.