Kendo UI Vue Gauges

TelerikMessgeräte-SteuerungenJavaScript

Native Vue-Komponenten für vielseitige Gauge-Visualisierungen.

  • Enthält Arc-, Circular-, Linear- und Radial-Gauge-Komponenten.
  • Für Vue 3-Anwendungen mit professioneller UI entwickelt.
  • Unterstützt Styling über Kendo UI for Vue Native Themes.
Telerik logo

Preise ab:

Wird geladen...
Verfügbar in
Kendo UIWird geladen
Telerik DevCraftWird geladen
Brauchen Sie Hilfe bei der Auswahl? Sehen Sie So kaufen Sie und Spezifikationen
Kendo UI Vue Gauges Produktbild
Kendo UI Vue Gauges bietet eine Sammlung nativer Vue-Komponenten, die numerische Daten über verschiedene Gauge-Formate hinweg visualisieren. Diese Bibliothek unterstützt Arc-, Circular-, Linear- und Radial-Gauges und ermöglicht Entwicklern, Werte auf Arc-, Linear- und Radial-Skalen darzustellen. Für Vue 3 entwickelt, integriert sie sich nahtlos in Anwendungen für eine dynamische und intuitive Datenpräsentation.

Circular and Radial Gauges

Zeigt Werte mithilfe kreisförmiger und radialer Layouts an, die Daten entlang eines Bogens darstellen. Diese Gauges eignen sich zur Anzeige von Anteilen, Schwellenwerten oder Echtzeitmessungen innerhalb eines begrenzten Bereichs.

Linear Gauge Visualization

Stellt numerische Werte entlang einer horizontalen oder vertikalen Skala dar. Lineare Gauges bieten eine klare Möglichkeit, Fortschritt, Kapazität oder Vergleiche mit Mindest- und Höchstgrenzen zu visualisieren.

Arc Style Configuration

Unterstützt Darstellungen im Arc-Stil durch konfigurierbare Start- und Endwinkel. Dadurch können Gauges Teilkreise oder benutzerdefinierte Bogenbereiche anzeigen, die den Designanforderungen der Anwendung entsprechen.

Configurable Scales and Ranges

Definiert Skalen mit benutzerdefinierten Minimum-, Maximum-, Tick- und Beschriftungswerten. Die Range-Konfiguration macht es möglich, Wertbereiche wie Warnzonen oder Zielschwellen hervorzuheben.

Pointer and Indicator Options

Verwendet Zeiger, Balken oder Marker, um aktuelle Werte anzuzeigen. Diese Indikatoren können gestaltet und positioniert werden, um unterschiedliche Datenbedeutungen oder visuelle Präferenzen widerzuspiegeln.

Dynamic Data Binding

Integriert sich mit dem Vue-Datenbinding, um Gauge-Werte als Reaktion auf Änderungen des Anwendungszustands zu aktualisieren. Dadurch können Gauges Live-Daten oder sich häufig ändernde Daten darstellen.

Theming and Styling Support

Wendet visuelle Stile mit den Kendo UI for Vue Native Themes an. Die Theme-Unterstützung stellt sicher, dass Gauges in der gesamten Anwendung konsistente Farben, Typografie und visuelle Ausgewogenheit beibehalten.

Responsive Rendering

Passt Layout und Skala basierend auf dem verfügbaren Containerplatz an. Dadurch können Gauges in Dashboards, Panels und responsiven Anwendungs-Layouts klar dargestellt werden.

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