Statistiken mit canvas oder ähnlichem erstellen

Beitrag von **tided** » 15.12.2011, 11:40

Hallo,

kennt jemand ein Tutorial, wie man mit Canvas oder anderem interaktive Statistiken für das Web erstellen kann?

Ich meine Balkendiagramme, Kuchendiagramme usw., wie man es von Piwik und co. kennt.

Oder gibt es hierfür vllt irgendwelche kostenlose oder kostenpflichtige Bilbiotheken, an denen man sich gut bedienen kann?

Beste Grüße,
tided

von **Anzeige von ABAKUS** »

Beitrag von **nerd** » 18.12.2011, 09:05

Die gibbet wohl!

https://code.google.com/apis/chart/

Beitrag von **Melegrian** » 18.12.2011, 15:23

Habe mir nur die ersten Seiten des Tutorials besehen, scheint doch recht ausführlich aufgebaut zu sein. Oder nicht?

https://developer.mozilla.org/en/Canvas_tutorial

von **Anzeige von ABAKUS** »

Beitrag von **chris21** » 18.12.2011, 16:08

Da würde ich eher mit einem jQuery Plugin arbeiten, z.B. jqplot.

Beitrag von **Melegrian** » 18.12.2011, 16:36

Habe mich mal durchgeblättert bei jqPlot, sieht auch interessant aus und ist wohl bei den Browsern weiter abwärtskompatibel als Canvas.

https://www.jqplot.com/tests/

Beitrag von **tided** » 18.12.2011, 23:20

Okay, danke für die Links. Habe mit den Keywords nun noch ne Weile gesucht und bin auf zwei kostenpflichtige Lösungen gestoßen, welche meines Erachtens nach die stärksten sind:
highcharts.com und ejschart.com

Allerdings sind die Preise auch ziemlich hoch, werde mal schauen für was ich mich entscheide. Danke euch.

Beitrag von **Melegrian** » 19.12.2011, 06:19

Nun ja, wenn ich das richtig verstanden habe, dann ist Canvas ja in HTML5 enthalten, sollte dementsprechend leicht zu handhaben sein, setzt jedoch beim IE die Version 9 voraus. jqPlot wurde hingegen mit IE 7 und 8 getestet, wie es heißt.

Die Demos von highcharts.com machen rein optisch schon einiges her, die von ejschart.com können sich auch sehen lassen. Da nicht kostenlos, so es kommt halt auf den Verwendungszweck an.

Was ich an Diagrammen bisher benötigte, das habe ich recht einfach mit Balkendiagrammen in Form von nebeneinander liegenden Grafiken gelöst, bei denen einfach die Bildhöhen als veränderliche Daten vorgegeben wurden. Ist zwar einfach umzusetzen, jedoch nicht mehr zeitgemäß. Ähnliches sollte sich auch mit CSS und einer ansprechenden Hintergrundgrafik gut lösen lassen.

Jedenfalls, nachdem ich mir die Demos so betrachtet habe, bin ich auf den Geschmack gekommen und hätte große Lust einige Tutorials zu fertigen. Bliebe die Frage, ob nach derartigen Tutorials viel gesucht wird, was ich mir jetzt nicht unbedingt vorstellen könnte.