Achtung! Diese nPage-Textseite basiert zwar auf dem als Standard-Style festgelegten Style01, aber es wurde
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" />
eingebunden.
Charttypen sind:
An Stelle von echten Daten kann man zufällige Platzhalterdaten erzeugen lassen. Dazu gibt es verschiedene Typen:
Platzhaltertypen sind:
Man kann unterschiedliche Farbstyles nutzen.
Styles sind:
Die Liniencharts haben noch einige weitere Konfigurationsmöglichkeiten.
Das sind:
Normal Liniengrafik mit _style=dark
chartspree.io/line.svg?Such=12,30,14,5&Much=2,3,4,5&Wow=16,27,8,19&_style=dark
Liniengrafik mit _style=dark und Füllung
chartspree.io/line.svg?Such=12,30,14,5&Much=2,3,4,5&Wow=16,27,8,19&_style=dark&_fill=true
Liniengrafik mit _style=dark, Füllung und Interpolation (_interpolate=cubic)
Liniengrafik mit _style=dark, Füllung, Interpolation (_interpolate=cubic) und festgelegter Höhe
Liniengrafik mit _style=dark, Füllung, Interpolation (_interpolate=cubic) und Einbindung object (nicht als img)
Die letzte der 5 Grafiken ist nicht wie bei den anderen als <img-Tag, sondern als <object-Tag eingebunden. Dadurch ergeben sich bestimmte Unterschiede. Ein so eingebunden Grafik reagiert nämlich auf Mausereignisse.
Anzumerken weiterhin, dass die Reihenfolge der Graphen nicht bei jeden Aufruf identisch ist.
Normal Balkengrafik
//chartspree.io/bar.svg?Such=5,9,23,2&Much=12,30,14,5&Wow=16,27,8,19
Balkengrafik mit _style=dark
//chartspree.io/bar.svg?Such=5,9,23,2&Much=12,30,14,5&Wow=16,27,8,19&_style=dark
Balkengrafik mit _style=turquoisestyle
//chartspree.io/bar.svg?Such=5,9,23,2&Much=12,30,14,5&Wow=16,27,8,19&_style=turquoisestyle
Balkengrafik mit _style=turquoisestyle und zusätzlichen Labels an den Datenreihen. Zusätzliche Labels kann man auch bei Liniengrafiken verwenden, bei Tortengrafiken sind sie nicht sinnvoll.