Syncfusion Angular Gauges

SyncfusionMessgeräte-SteuerungenJavaScript

Visualisieren Sie numerische Daten mit anpassbaren kreisförmigen Gauges.

  • Visualisieren Sie numerische Werte auf kreisförmigen Skalen mit mehreren Achsen.
  • Passen Sie Zeiger, Bereiche und Beschriftungen für eine präzise Datendarstellung an.
  • Ermöglichen Sie Interaktivität mit Animationen, Ziehen, Tooltips und Exportoptionen.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion Angular Gauges Produktbild
Syncfusion Angular Circular Gauge ermöglicht Entwicklern, numerische Daten auf flexiblen, visuell ansprechenden kreisförmigen Skalen darzustellen. Es unterstützt mehrere Achsen, Zeiger und anpassbare Bereiche, passend für Anwendungen wie Tachometer, Uhren und Fortschrittszähler. Zu den erweiterten Funktionen gehören Animation, Drag-Interaktion, Legenden, Tooltips und Datenexport und decken so vielfältige Anforderungen an die Datenvisualisierung ab.

Anpassung der Achsen

Definieren Sie mehrere kreisförmige Achsen mit anpassbaren Start- und Endwinkeln, Richtungen und Stilen. Passen Sie Beschriftungen und Ticks an, indem Sie Schriftart, Größe, Farbe, Positionsversätze und Rahmenlinien ändern, um das Gauge an spezifische Datenanforderungen anzupassen.

Bereichsvisualisierung

Heben Sie wichtige Wertebereiche auf Achsen mithilfe mehrerer Bereiche mit konfigurierbaren Farben, Verläufen, Breiten und Positionen hervor, um die Lesbarkeit zu verbessern und Datenabschnitte visuell zu unterscheiden.

Zeigervarianten

Zeigen Sie Werte über hochgradig anpassbare Zeiger an, darunter Nadel-, Marker- und Bereichsleistentypen. Passen Sie Formen, Größen, Farben, Animationen und Positionen an und fügen Sie mehrere Zeiger pro Achse für komplexe Datendarstellungen hinzu.

Zeigeranimation und Interaktion

Animieren Sie Zeigerübergänge reibungslos für dynamische visuelle Effekte. Aktivieren Sie das Ziehen von Zeigern und Bereichen, damit Benutzer Werte interaktiv anpassen können, mit Aktualisierungen in Echtzeit und Unterstützung für Wischgesten.

Legende und Tooltips

Fügen Sie Legenden zur einfachen Identifizierung von Bereichen und Zeigern mit konfigurierbarer Platzierung und Gestaltung hinzu. Zeigen Sie beim Darüberfahren detaillierte Tooltips an, um zusätzliche Einblicke in die Daten zu geben.

Flexible Gauge-Layouts

Erstellen Sie vollständige, halbe oder viertelkreisförmige Gauges durch Anpassen von Start- und Endwinkeln, ideal für verschiedene Bildschirmgrößen und kompakte Dashboard-Bereiche.

Unterstützung für Anmerkungen

Betten Sie beliebige HTML-Inhalte als Anmerkungen an bestimmten Punkten ein, um kontextbezogene Informationen bereitzustellen oder die Darstellung des Gauges zu verbessern.

Export und Drucken

Exportieren Sie gerenderte Gauges als PDFs, SVGs, PNGs, JPEGs oder Base64-Strings zur Integration in Berichte oder zur Offline-Analyse. Drucken Sie direkt aus unterstützten Browsern.

Barrierefreiheit und Globalisierung

Erfüllen Sie die WAI-ARIA-Standards und stellen Sie so Unterstützung für Screenreader und Tastaturnavigation sicher. Passen Sie Zahlen und Beschriftungen basierend auf dem Gebietsschema mithilfe integrierter Globalisierungsfunktionen an.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular