Infragistics Ignite UI for React Gauges

InfragisticsMessgeräte-SteuerungenJavaScript

Erstellen Sie dynamische und anpassbare Gauges für React-Anwendungen.

  • Enthält Komponenten für radiale und lineare Gauges mit umfangreichen visuellen Elementen.
  • Unterstützt animierte Übergänge sowie vollständig anpassbare Skalen und Zeiger.
  • Bietet konfigurierbare Beschriftungen, Bereiche und interaktives Ziehen des Zeigers.
Infragistics logo

Preise ab:

Wird geladen...
Verfügbar in
Infragistics Ignite UI for ReactWird 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 React Gauges Produktbild
Infragistics Ignite UI for React Gauges bietet robuste Gauge-Komponenten, um Daten in React-Projekten dynamisch zu visualisieren. Es umfasst radiale und lineare Gauges mit anpassbaren Skalen, Bereichen, Tickmarks und Zeigern sowie Unterstützung für Animationen und interaktive Funktionen für reichhaltige, intuitive Datenanzeigen.

Radiale Gauge-Komponente

Stellt visuelle Elemente wie Zeiger, Tickmarks, Bereiche und Beschriftungen bereit, um eine kreisförmige oder bogenförmige Gauge zu bilden. Unterstützt animierte Übergänge und anpassbare Hintergrundformen, um vollständig maßgeschneiderte radiale Gauges zu erstellen.

Lineare Gauge-Komponente

Zeigt Werte auf einer linearen Skala mit visuellen Elementen wie Messbalken, Bereichen, Tickmarks und Beschriftungen an. Animationsunterstützung und Anpassungen der Ausrichtung ermöglichen vielseitige Visualisierungen linearer Gauges.

Konfigurierbare Skalen und Bereiche

Beide Gauge-Typen ermöglichen die Definition von Mindest- und Höchstwerten, Skalenwinkeln oder Ausrichtung sowie mehreren Bereichen mit anpassbaren Brushes und Umrissen, um qualitative Datenzustände visuell darzustellen.

Zeigeranpassung und Interaktion

Gauges verfügen über Zeiger in verschiedenen vordefinierten Formen mit Pivot-Optionen. Benutzer können interaktives Ziehen des Zeigers aktivieren, um Gauge-Werte innerhalb definierter Grenzen dynamisch anzupassen.

Tickmarks und Beschriftungen

Unterstützt große und kleine Tickmarks mit konfigurierbaren Abständen sowie Beschriftungen, die positioniert und gestaltet werden können, um die Lesbarkeit und die Klarheit der Darstellung auf der Gauge-Skala zu verbessern.

Titel und hervorgehobene Werte

Gauges können anpassbare Titel und Untertitel anzeigen, einschließlich der dynamischen Anzeige aktueller Zeigerwerte. Highlight-Zeiger bieten eine sekundäre Wertanzeige mit anpassbarer Deckkraft und Beschriftungsoptionen.

Animierte Übergänge

Die integrierte Unterstützung für Animationen überführt Zeigerbewegungen und andere visuelle Änderungen sanft, mit anpassbaren Dauern, die sich an die Anforderungen der Anwendung anpassen lassen.

Einfache Integration in React

Erfordert die Installation der Core- und Gauge-Pakete mit unkomplizierter Modulregistrierung und Komponentennutzung, wodurch eine reibungslose Integration in bestehende oder neue React-Projekte sichergestellt wird.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • React
  • Vanilla JavaScript