You are currently seeing the German version of our site. Do you want to switch to the English version?

Switch to English.

JavaVaadinOpen Source

Neue Vaadin-Komponente: „Chart.js Wrapper für Vaadin“ jetzt verfügbar

XDEV freut sich, eine neue Open-Source-Komponente für Vaadin vorzustellen: den „Chart.js Wrapper für Vaadin“. Diese Komponente ermöglicht es, Chart.js-Diagramme nahtlos in Vaadin-Anwendungen zu integrieren. Aktuell unterstützt die Komponente Chart.js Version 4 und bietet eine Vielzahl an nützlichen Funktionen, die sie zu einer flexiblen Lösung für die Visualisierung von Daten machen.

Chart.js Wrapper für Vaadin – Features:

  • Asynchrones Laden von Daten: Daten können einfach und effizient asynchron geladen und angezeigt werden.
  • Fehleranzeige: Sollte ein Problem auftreten, kann das direkt im Diagramm angezeigt werden.
  • Erweiterbarkeit: Die Komponente ist hochgradig anpassbar und kann nach den individuellen Anforderungen angepasst werden.
  • Unterstützung für Dark Mode: Optimiert für die Nutzung in dunklen Benutzeroberflächen.

Als Open-Source-Projekt ist der „Chart.js Wrapper für Vaadin“ frei verfügbar und kann über das GitHub-Repository heruntergeladen werden.

Chart.js Wrapper für Vaadin herunterladen

Die neue Komponente eignet sich besonders gut in Verbindung mit XDEVs Chart.js Java Models, da sie die manuelle Erstellung der Chart-Konfiguration erheblich vereinfacht.

Mit Chart.js lassen sich verschiedene Diagrammtypen erstellen, darunter:

  • Balkendiagramme (horizontal oder vertikal)
  • Liniendiagramme (ideal für Zeitverläufe)
  • Kreisdiagramme (zur Darstellung von Anteilen)
  • Doughnut-Diagramme (wie Kreisdiagramme, aber mit Loch in der Mitte)
  • Spinnennetzdiagramme (Radar-Charts, um mehrere Werte zu vergleichen)
  • Polar Area Charts (ähnlich wie Kreisdiagramme, aber mit radialer Skalierung)
  • Blasendiagramme (für 3D-Daten, mit X, Y und Radius)
  • Streudiagramme (für präzise x/y-Kontrolle)

Eine detaillierte Übersicht und die vollständige Dokumentation zu den verfügbaren Diagrammtypen ist unter www.chartjs.org zu finden.

Kontakt