Charts

Kurze Funktionsbeschreibung

Ein chart wird über "Inhaltselement +" im Reiter "charts" hinzugefügt. Bereits hier erfolgt die Auswahl des chart Typen (bar, line, etc.). Jedem chart kann eine individuelle Headline vergeben werden. Im Reiter "charts" erfolgt der Upload der CSV Datei aus dem Fileadmin.

Achsenbeschriftung

Über "X Axis title" und "Y Axis title" können individuelle Titel für die X- und Y- Achse angelegt werden.

Farbschemata

Jedem chart kann ein Farbschemata zugewiesen werden. Jedes Farbschemata enthält 10 fest definierte Farben. Nach der Zuweisung des Schemata kann (optional) eine Auswahl von Farben erfolgen. Dies erfolgt per Klick auf die Farbwerte auf der rechten Seite. Die Auswahl ist dann links sichtbar, die Reihenfolge der Farben kann über die Pfeile geändert werden. Werden hier weniger Farben angegeben, als für das chart notwendig, erfolgt die Ausgabe im Frontend mit den ausgewählten Farben und beginnt nach Erreichen aller Farben, von vorne. 

Quellenangabe

In "Source" kann eine Quelle angegeben werden. Im Frontend wird das Wort "Quelle" als Präfix automatisch ausgegeben. Eine Verlinkung zur Quelle kann optional hinzugefügt werden. Ist eine Verlinkung vorhanden, wird der Textinhalt aus "Source" verlinkt. 

Beschreibungstext

Im Textfeld "Description" kann eine Beschreibung hinzugefügt werden. Hier ist es möglich die gewohnten Teststile, Formatierungen und Verlinkungen vorzunehmen.

Balken- und Säulendiagramme: Gestapelte Darstellung

Die Charttypen Balkendiagramm und Säulendiagramm habe die Option "Stack". Ist diese aktiv, erfolgt die Ausgabe der charts in gestapelter Darstellung. 

Liniendiagramm: Datenpunkte anzeigen

Bei Liniendiagrammen können über "Show data points" die Datenpunkte angezeigt/ausgeblendet werden. 

Flächendiagramm in einem Container

Datenquelle: lorem
Download ZIP

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

QS Test Flächendiagramm

Datenquelle: lorem
Download ZIP

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

QS Test Balkendiagramm

Download ZIP

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

QS Test Säulendiagramm

Download ZIP

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

QS Test Liniendiagramm

Datenquelle: Source 2023
Download ZIP

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

QS Test Ringdiagramm

Download ZIP

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

QS Test Tortendiagramm

Datenquelle: Hier steht eine Quelle
Download ZIP

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Dieses Diagramm ist für Miriam und Glen

Datenquelle: IKI

Ein schönes Beispiel für ein Säulen-Diagram

Datenquelle: IKI
Datenquelle: IKI M&E
Download ZIP

Der Link wurde in die Zwischenablage kopiert