Infragistics Ignite UI for Angular Gauges

InfragisticsMessgeräte-SteuerungenJavaScript

Daten präzise visualisieren mit flexiblen Angular Gauge-Komponenten.

  • Enthält lineare, radiale und Bullet-Graph-Gauge-Komponenten.
  • Unterstützt animierte Übergänge mit anpassbarer Dauer.
  • Ermöglicht detaillierte Anpassungen von Zeigern, Bereichen, Beschriftungen und Skalen.
Infragistics logo

Preise ab:

Wird geladen...
Verfügbar in
Infragistics Ignite UI for AngularWird geladen
Infragistics Ignite UIWird geladen
Infragistics ProfessionalWird geladen
Infragistics UltimateWird geladen
Brauchen Sie Hilfe bei der Auswahl? Sehen Sie So kaufen Sie und Spezifikationen
Infragistics Ignite UI for Angular Gauges Produktbild
Ignite UI for Angular Gauges bietet eine Suite von Komponenten, die entwickelt wurden, um Daten in klaren, effektiven Anzeigen zu visualisieren. Angular-Entwickler können lineare, radiale und Bullet-Graph-Gauges integrieren, die jeweils anpassbare Skalen, Zeiger, Bereiche und animierte Übergänge unterstützen. Diese Komponenten sind ideal für Dashboard-Kennzahlen, Leistungsüberwachung und Zielvergleiche.

Lineare Gauge-Komponente

Zeigt Werte auf einer Skala mithilfe eines linearen Layouts an. Unterstützt konfigurierbare Ausrichtung, Richtung, einen Zeiger zur Wertanzeige sowie anpassbare Markierungen und Beschriftungen. Enthält animierte Übergänge mit einstellbarer Dauer.

Radiale Gauge-Komponente

Stellt Werte auf einer kreisförmigen oder bogenförmigen Skala mit visuellen Elementen wie Zeigern, Markierungen und Beschriftungen dar. Bietet Eigenschaften zur Anpassung von Hintergrundformen, Skalenbögen und Schwenkrichtungen und unterstützt optisches Skalieren für dynamische Beschriftungsgrößen.

Bullet Graph-Komponente

Zeigt Leistungs- und Zielwerte auf einer linearen Skala bei minimalem Platzbedarf an. Visualisiert den Fortschritt mit einem Leistungsbalken und einem Zielmarker und umfasst Vergleichsbereiche für eine qualitative Bewertung. Unterstützt die Anpassung von Ausrichtung und Richtung.

Zeiger und hervorgehobene Zeiger

Alle Gauge-Typen unterstützen einen oder zwei Zeiger zur Darstellung von Haupt- und Hervorhebungswerten. Zeigerformen und Drehpunktstile können angepasst werden. Radiale Gauges erlauben optional ein interaktives Ziehen des Zeigers durch Benutzer.

Bereiche

Visuelle Elemente, die Wertintervalle auf der Skala hervorheben, um qualitative Zustände oder Schwellenwerte anzuzeigen. Mehrere Bereiche können mit anpassbaren Pinsel- und Konturwerten hinzugefügt werden, um Leistungsstufen visuell zu vermitteln.

Markierungen und Beschriftungen

Haupt- und Nebenmarkierungen unterteilen die Skala zur besseren Übersicht in Intervalle. Beschriftungen zeigen numerische Werte entlang der Skalen an, mit Styling-Optionen für Schriftarten und Farben zur Verbesserung der Lesbarkeit.

Hintergrund- und Skalenanpassung

Hintergründe dienen als Hintergrund und Rahmen für Gauges und werden unter allen anderen Elementen gerendert. Skalen können invertiert oder mit speziell angepassten Pinseln und Ausdehnungen gestaltet werden, um Designanforderungen und Wertebereiche zu erfüllen.

Animierte Übergänge

Gauges enthalten integrierte Unterstützung für animierte Übergänge beim Aktualisieren von Werten. Die Animationsdauer ist konfigurierbar, sodass Datenaktualisierungen flüssig und optisch ansprechend erfolgen.

Integration und Abhängigkeiten

Jede Gauge-Komponente erfordert das Ignite UI Angular Core-Paket. Module für jeden Gauge-Typ müssen in Angular-Anwendungen importiert werden, um deren Funktionen und Features zu aktivieren.

Produktkompatibilität

Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular
  • Vanilla JavaScript