Wijmo React Gauges

MESCIUSMessgeräte-SteuerungenJavaScript

Visualisieren Sie Daten effektiv mit Radial-, Linear- und Bullet Graph-Gauges.

  • Enthält Radial Gauge-, Linear Gauge- und Bullet Graph-Komponenten.
  • Unterstützt Anpassungen mit Zeigerpfeilen und SVG-Elementen.
  • Für React-Anwendungen entwickelt, um wichtige Kennzahlen visuell darzustellen.
MESCIUS logo

Preise ab:

Wird geladen...
Verfügbar in
WijmoWird geladen
ComponentOne Studio EnterpriseWird geladen
Brauchen Sie Hilfe bei der Auswahl? Sehen Sie So kaufen Sie und Spezifikationen
Wijmo React Gauges Produktbild
Wijmo React Gauges bieten eine Reihe von Komponenten zur Integration interaktiver Datenvisualisierungen in React-Anwendungen. Dazu gehören Radial-, Linear- und Bullet Graph-Gauges, die verschiedene Stile und Anpassungsoptionen unterstützen, um wichtige Leistungskennzahlen klar und präzise darzustellen.

Radial Gauge-Komponente

Zeigt Werte standardmäßig auf einer kreisförmigen Skala mit farbigen Sektoren und Textelementen an und bietet eine klare und gut lesbare Visualisierung von Kennzahlen in React-Anwendungen.

Anpassung des Zeigers

Ermöglicht die Auswahl von nadelförmigen Zeigern mit anpassbarer Länge und Stilen mithilfe von CSS, um ein traditionelles Gauge-Erscheinungsbild zu erzeugen.

Benutzerdefinierte SVG-Nadelelemente

Ermöglicht Entwicklern, über die Eigenschaften needleElement und die Methode createNeedleElement individuelle Nadel-Formen zu entwerfen und zu implementieren.

Linear Gauge-Komponente

Zeigt eine Kennzahl als Prozentsatz entlang einer linearen Skala an, die horizontal oder vertikal ausgerichtet werden kann.

Bullet Graph-Komponente

Ein für Dashboards optimiertes lineares Gauge, das eine wichtige Kennzahl zusammen mit Vergleichsmaßen und qualitativen Bereichen darstellt, um Leistungszustände schnell zu vermitteln.

Flexible Styling-Optionen

Gauge-Komponenten unterstützen CSS-Styling und Anpassungen, sodass Entwickler das Erscheinungsbild an Anwendungsdesigns und Branding-Anforderungen anpassen können.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • React