Diagramme mit der Bibliothek Chart.jsDaten aussagekräftig darstellen 11.10.2022, 10:58 Uhr

Daten aussagekräftig darstellen

Die Darstellung komplexer Zahlenwerke auf einer Webseite erfolgt am besten mit Diagrammen. Die Bibliothek Chart.js liefert die nötigen Werkzeuge.
(Quelle: Foto: LABELMAN / Shutterstock)
Alle Nutzer von Microsoft Excel oder ähnlichen Tabellenkalkulationen kennen und schätzen die Möglichkeit, große und umfangreiche Tabellen in übersichtlichen Grafiken darzustellen. Ähnliche Möglichkeiten haben Sie auch, wenn Sie Zahlen fürs Internet aufbereiten möchten und dabei nicht statische Bilder auf Ihre Website übernehmen, sondern die Daten dynamisch erzeugen möchten. Es gibt verschiedene Bibliotheken, die Sie bei dieser Arbeit unterstützen. Wir haben uns in diesem Workshop für Chart.js entschieden, eine JavaScript Bibliothek, die sich nicht nur direkt in Ihren Programmcode integrieren lässt, sondern auch zahlreiche Frameworks unterstützt, wie etwa Angular, React oder Vue.js (Bild 1).
Integration: Neben der direkten Nutzung von Chart.js innerhalb Ihres JavaScript Programmcodes wird auch die Integration in verschiedene Frameworks unterstützt (Bild 1)
Quelle: Hitzig

web & mobile DEVELOPER

Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt web&mobile Developer plus Kunde.
  • 2 Monate Gratis testen
  • Über 4.000 qualifizierte Fachartikel
  • Diverse DevBooks thematisch für Sie zusammen gestellt
  • Webcasts von 30 - 90 Min.
  • Aufzeichnungen von ausgewählten Fortbildungen und Konferenzen
  • Auf jedem Gerät verfügbar