Syncfusion React Gauges

SyncfusionMessgeräte-SteuerungenJavaScript

Visualisieren Sie numerische Daten mit Komponenten für Kreis- und Lineargauges.

  • Visualisieren Sie Werte mithilfe von Kreis- und Lineargauges.
  • Unterstützt Skalen, Bereiche, Zeiger und Anmerkungen.
  • Enthält interaktive Funktionen wie das Ziehen von Zeigern und animierte Übergänge.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion React Gauges Produktbild
Syncfusion React Gauges umfasst Komponenten zum Rendern von Kreis- und Lineargauges. Diese Komponenten helfen dabei, quantitative Werte mithilfe konfigurierbarer Skalen, Bereiche, Zeiger und Anmerkungen anzuzeigen, wodurch sie sich für Dashboards und Überwachungsoberflächen in React-Anwendungen eignen. Die Komponente bietet Benutzerinteraktionen wie das Ziehen von Zeigern und flüssige Animationen.

Kreisgauge-Visualisierung

Rendert radiale Gauge-Anzeigen mit konfigurierbaren Achsen, Markierungen, Zeigern und Bereichen, um Werte in einem kreisförmigen Format darzustellen.

Lineargauge-Visualisierung

Zeigt Werte mithilfe horizontaler oder vertikaler Lineargauges an und unterstützt Balken, Marker und vergleichende Indikatoren.

Skalen und Bereiche

Unterstützt mehrere Skalen und Bereiche, um Werte visuell zu segmentieren und Schwellenwerte oder Zielzonen hervorzuheben.

Zeiger- und Marker-Anpassung

Bietet konfigurierbare Zeiger und Marker, um aktuelle Werte, Ziele oder vergleichende Messungen anzuzeigen.

Anmerkungen und Beschriftungen

Ermöglicht das Hinzufügen von Text und benutzerdefinierten Anmerkungen, um kontextbezogene Informationen direkt in den Gauge-Anzeigen bereitzustellen.

Responsive Darstellung

Passt Gauge-Layouts an unterschiedliche Bildschirmgrößen an und unterstützt so den Einsatz in responsiven Dashboards und Anwendungen.

Ereignis- und Interaktionsunterstützung

Stellt Ereignisse für Benutzerinteraktionen und Wertänderungen bereit und ermöglicht so dynamische Aktualisierungen und die Integration von Anwendungslogik.

Anpassung des Erscheinungsbilds und Globalisierung

Passen Sie Schriftarten, Farben, Verläufe und Titel an und unterstützen Sie die Rechts-nach-Links-Darstellung sowie regionsspezifische Formatierung für internationale Anwendungen.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • React