Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31

Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31

Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31

Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31

Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31

Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31

Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31

Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31

Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31

Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31

Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31

Warning: htmlspecialchars() [function.htmlspecialchars]: charset `CHARSET' not supported, assuming utf-8 in /users/bpgs/www/bbclone/lib/io.php on line 31
Möglichkeiten der Datenvisualisierung - Image Charts - Image Charts Einführung
Image Charts
Image Charts Einführung

Charts mit Google Image Charts

Google Image Charts sind ein echtes on-the-fly-Werkzeug. Auf der Webseite muss keine Zeile JavaScript-Code eingefügt werden. In einem beliebigen <img>-Tag wird einfach als Quelle ein Verweis auf die Google Chart Api mit mehr oder weniger Parametern eingegeben.

Das übliche Hello-World-Beispiel sieht so aus:

Hallo Welt Beispiel

Charttypen

Obwohl die Implementierung der Google Image Charts ausgesprochen einfach ist hat man doch ein breites Spektrum an Charttypen zur Auswahl,z.B.:
  • Balken-Charts
  • Linien-Charts
  • Kerzencharts
  • Tortengrafiken

Daneben hat man die Möglichkeit, mit sogenannten dynamischen Icons zu arbeiten, von denen es wieder eine ganze Reihe von Untergruppen gibt. Das kann zum Beispiel so aussehen:

Wetter Icon

Links zur Dokumentation

Die Dokumentation der Image Charts teilt sich eine gemeinsame Startseite mit den Interactive Charts: Googles Charttools. In einem weiteren Schritt geht es zur Dokumentation der Image Charts.Siehe auch https://developers.google.com/chart/image/docs/gallery/dynamic_icons?hl=de