3 Alternativen zu Google Charts

Google Charts – nicht die API, sondern die Javascript-Variante – funktioniert eigentlich gut, hat aber auch ein paar Probleme. Erstens ist die externe Datei mit 283 KB (+6 KB für die jsapi) relativ groß. Zweitens ist es eben eine externe einzubindende Datei, Google verbietet, dass die Datei lokal gehostet wird. Drittens macht mich das Schicksal der von mir sehr geschätzten Google Chart API nervös: Deprecated und unter der Drohung, jederzeit abgeschaltet zu werden, fühlt es sich falsch an, einen so wichtigen Teil des Hardwareempfehlers wieder an Google zu übertragen. Zum Glück gibt es ja Alternativen. Drei davon stelle ich im Folgenden vor. Das müssen sie für mich können:

1. Horizontale Barcharts
2. Donutchart
3. Lokal hostbar
4. Tooltips und Animationen

Werte Nutzer von Feedreadern, in diesem Artikel sind Beispielcharts, die wahrscheinlich nur auf der Seite angezeigt werden.

Chart.js

Einen sehr guten ersten Eindruck machte Chart.js. Hübsche Seite, verständliche Dokumentation, 52KB kleine JS-Datei. Ein Diagramm zu erstellen ist damit ziemlich einfach.

Doch der Teufel steckt im Detail. Zwar werden Barcharts und auch Donutcharts unterstützt. Horizontale Barcharts kann es jedoch nicht. Einen Maximalwert konnte ich auch nicht angeben. Für mich war das damit ungeeignet. Außerdem ist die Github-Seite ziemlich elendig: 316 offene Issues und 86 offene Pull-Requests lassen auf ein überfordertes Projekt schließen. Keine gute Basis für die Zukunft.

C3.js

C3.js hätte ich beinahe gewählt. Ich bin mir auch noch gar nicht sicher, dass es nicht die bessere Wahl gewesen wäre. Es macht einen gute Eindruck, es war mir mit fast 300KB (151KB für D3.js, 142 KB für C3.js) nur zu groß. C3.js unterstützt einige Diagrammarten, darunter auch horizontale Balkendiagramme. Es hat Tooltips und Animationen, und auch der Maximalwert der Skala kann definiert werden.

Flot

Flot braucht jQuery, hat aber ein paar nette Eigenschaften. Zuallererst ist es relativ klein. Die minimierte Kerndatei sind 56KB. Kerndatei ist das Stichwort, denn Flot lässt sich doch Plugins erweitern. In meinem Fall ist das eines zum Anzeigen von Nummern in Diagrammbalken, ein Tooltip-Plugin und das Piechart-Modul. Mit diese Plugins und einiges an Konfigurationsarbeit habe ich die Flot-Diagramme nun fast so, wie ich sie brauche. Flot hat jedoch ein großes Problem, und das ist sein Projekt. Der letzte Commit ist über ein Jahr alt, der Urheberhinweis wurde 2014 zuletzt aktualisiert, die Issues stapeln sich und 116 offene Pull-Requests sind eine Schande. Ich habe es trotzdem gewählt, weil mir die kleine Dateigröße gefiel (da jQuery sowieso schon vorhanden war) und ich relativ schnell die Charts so hinbekam, wie ich sie haben wollte. Außerdem hoffe ich, dass sich für ein so populäres Projekt ein aktiver Fork finden wird, sollte es wirklich scheitern. Trotzdem sind die Projektprobleme gute Argumente, statt Flot C3.js zu nehmen.