Syncfusion Vue Gauges

SyncfusionMessgeräte-SteuerungenJavaScript

Anpassbare Vue-Komponenten für kreisförmige und lineare Gauges.

  • Visualisieren Sie numerische Daten mit kreisförmigen oder linearen Gauge-Komponenten.
  • Unterstützen Sie mehrere Achsen, Ausrichtungen und interaktive Zeigersteuerungen.
  • Umfangreiche Anpassungsoptionen für Erscheinungsbild und Animation.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion Vue Gauges Produktbild
Syncfusion Vue Gauges bietet vollständig anpassbare kreisförmige und lineare Gauge-Komponenten, um numerische Werte in Vue-Anwendungen effektiv zu visualisieren. Diese Komponenten ermöglichen es Entwicklern, interaktive Visualisierungssteuerungen wie Tachometer, Thermometer, Lineale und mehr zu erstellen, indem sie mehrere Achsen, verschiedene Zeigertypen und flüssige Animationen nutzen. Auf Flexibilität ausgelegt, können Entwickler das Erscheinungsbild und Verhalten der Gauge an die Anforderungen der Anwendung über Geräte und Browser hinweg anpassen.

Kreisförmige Gauge-Komponente

Visualisieren Sie numerische Werte auf einer kreisförmigen Skala mit Funktionen wie mehreren Achsen, abgerundeten Ecken und anpassbaren Zeigern. Verwenden Sie sie, um analoge Uhren, Tachometer oder Messgeräte zu simulieren oder halb- und viertelkreisförmige Gauges zu erstellen, indem Sie Start- und Endwinkel anpassen.

Lineare Gauge-Komponente

Zeigen Sie numerische Werte auf einer linearen Skala mit Unterstützung für mehrere Achsen und Ausrichtungsoptionen an. Passen Sie die Gauge so an, dass sie Geräten wie Thermometern, Druckmessern oder Linealen in vertikalen oder horizontalen Layouts ähnelt.

Achsenanpassung

Modifizieren Sie die Gauge-Achsen, indem Sie Beschriftungen, Teilstriche, Versatzpositionen, Achslinien und die Unterstützung für mehrere Achsen anpassen. Benutzer können die Achsrichtung umkehren und unterschiedliche Stile anwenden, um die Lesbarkeit und visuelle Darstellung zu verbessern.

Bereichsanpassung

Fügen Sie mehrere Bereiche innerhalb der Gauge-Achsen hinzu, um Werteintervalle zu visualisieren. Passen Sie Bereichsbreite, Position, Farbverläufe und angezeigte Farbvariationen an, um die Dateninterpretation zu verbessern.

Zeigertypen und Interaktion

Verwenden Sie verschiedene Zeigerstile wie Nadel-, Marker- und Balkenzeiger, um aktuelle Werte anzuzeigen. Zeiger unterstützen Animationen, Ziehinteraktion per Touch- oder Wischgesten sowie mehrere Zeiger pro Achse für den Vergleich von Daten.

Erscheinungsbild und Styling

Passen Sie das Erscheinungsbild der Gauge vollständig an, einschließlich Schriftarten, Farben, Containerformen, Zeigerkappen und -enden, Annotationselementen und Legendenplatzierung. Farbverläufe und abgerundete Ecken bieten erweiterte Styling-Optionen.

Responsives und Touch-Unterstützung

Gauges passen sich an unterschiedliche Bildschirmgrößen und Geräte an und unterstützen Touch-Interaktionen wie das Ziehen von Zeigern und das Anzeigen von Tooltips, ohne dass zusätzliche Konfigurationen erforderlich sind.

Barrierefreiheitsunterstützung

Bietet Unterstützung für Tastaturnavigation und unterstützende Technologien und hilft Dashboards dabei, Barrierefreiheitsanforderungen für eine größere Bandbreite von Benutzern zu erfüllen.

Umfangreiche Dokumentation und Beispiele

Entwickler haben Zugriff auf umfassende Dokumentation, Beispieldemos, Tutorial-Videos und UI-Kits, um die einfache Integration und Anpassung der Gauge-Komponenten in Vue-Anwendungen zu erleichtern.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Vue.js