Zusammenstellung diverser Charts

Beispiel 1 - einfache Liniengrafik

Einfaches Beispiel von http://www.goat1000.com/svggraph-using.php.

<embed src="charts/01-linien.php" type="image/svg+xml">

Beispiel 2 - einfache Balkengrafik (vertikal)

Beispiel mit Daten im Array von http://www.goat1000.com/svggraph-using.php.

<embed src="/charts/02-balken-vertikal.php" type="image/svg+xml">

Beispiel 3 - einfache Balkengrafik (vertikal), bei der einige Balken verlinkt sind

Beispiel mit Links von http://www.goat1000.com/svggraph-using.php. Die Links funktionieren nur, wenn die Grafik als Objekt eingefügt wird. Beispiel 3 ist ansonsten identisch mit Beispiel 2 02-balken-vertikal.php.

<embed src="/charts/03-balken-vertikal.php" type="image/svg+xml">

Identisch mit 02-balken-vertikal.php, aber mit Links in den Balken

Beispiel 4 - einfache Balkengrafik (vertikal) mit alternativen Farben / Mustern bei den Balken

<embed src="/charts/04-balken-vertikal-muster.php" type="image/svg+xml">

Beispiel 5 - einfache Balkengrafik (vertikal) mit Titel

<embed src="/charts/05-balken-vertikal-muster-titel.php" type="image/svg+xml">

Beispiel 6

<embed src="/charts/06-balken-vertikal-achsen.php" type="image/svg+xml">

Beispiel 7

<embed src="/charts/07-torte-3d-werte-einblendung.php" type="image/svg+xml">

Beispiel 8

<embed src="/charts/08-balken-vertikal-klein.php" type="image/svg+xml">

Beispiel 9

<embed src="/charts/09-balken-vertikal-3d-gruppe.php" type="image/svg+xml">

Beispiel 10

<embed src="/charts/10-vier-in-eins.php" type="image/svg+xml">

Diese Beispiel mit mehreren Grafiken in einem Dokument kann hier nicht angezeigt werden.

Beispiel 11

<embed src="/charts/11-balken-vertikal-3d-titel-label-legende.php" type="image/svg+xml">

Beispiel 12

<embed src="/charts/12-diverse.php" type="image/svg+xml">

Diese Beispiel mit mehreren Grafiken in einem Dokument kann hier nicht angezeigt werden.

Beispiel 13

<embed src="/charts/13-balken-vertikal-gestapelt.php" type="image/svg+xml">

Beispiel 14

<embed src="/charts/14-balken-vertikal-3d-zylinder-gruppiert.php" type="image/svg+xml">

Beispiel 15 für Debugging-Zwecke (kann alternativ mit Parametern aufgerufen werden

<embed src="/charts/15-balken-vertikal-gestapelt-jahreszahlen.php" type="image/svg+xml">

Diese Datei kann auch mit Parametern aufgerufen werden. Beispiele müssen noch erstellt werden.

Beispiel 16 mit Legende, die automatisch verschwindet

<embed src="/charts/16-legende-mit-strukturierten-daten.php" type="image/svg+xml">

Dieses Beispiel wurde so erstellt, dass die Legende automatisch verschwindet, wenn man mit dem Mauszeiger über der Legende ist. Die Legende erschint wieder, wenn man die Maus in einen anderen Bereich bewegt. Bei Geräten mit einem Touchscreen (Smartphones, Tablets) muss man mit dem Finger auf die Legende tippen, damit sie verschindet, wenn man dann auf einen anderen Bereich tippt, dann erscheit die Legende wieder.

T O P