Hübsche HTML5 Diagramme mit Chart.js erstellen

von Marc Rochow | 0 | 19213 Aufrufe

Anzeige Hier werben

Der Webentwickler Nick Downie hat mit Chart.js eine sehr kompakte Javascript-Bibliothek entwickelt, die mittels dem HTML5 <canvas>-Element, das von allen modernen Webbrowsern unterstützt wird, hübsche Diagramme auf die Webseite zeichnet. Die ganze Bibliothek ist dabei nur 4,5 KB groß.

Chart.js unterstützt dabei mehrere Diagrammtypen wie Linien-, Balken- oder Tortendiagramme. Die Dokumentation erläutert den Funktionsumfang der Bibliothek und zeigt bereits einige Beispiele zu den sechs vorhandenen Diagrammtypen.

Linendiagramm
Liniendiagramm mit Chart.js

Bereits am Montagmorgen kündigte Nick Downie Charts.js nur um das Projekt wieder für einen Tag vom Netz zu nehmen. Angeblich wegen Problemen mit seinem Arbeitgeber. Mittlerweile ist das Projekt wieder verfügbar, und unter Open-Source Lizenz freigegeben. Das Offline nehmen sei ein Missverständnis gewesen, so Downie.

Die Javascript-Bibliothek steht unter MIT-Lizenz und ist auf Github zum Download verfügbar.

Über den Autor: Marc Rochow
Webentwickler bei Team23, Djangonaut und Open-Source-Fan. Mehr Infos: www.gironimo.org
Profilseite betrachten