• Gebärdensprache
  • Leichte Sprache
  • Gebärdensprache
  • Leichte Sprache

charts

Stand: August 2021

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. 

Bar chart / Balkendiagramm - gestapelt

Datenquelle: dena.de
Download Daten

Dies ist eine Beschreibung zum bar Chart. Sed nisi cupidatat adipisicing quis quis nisi nostrud irure duis veniam sit ut sit ad proident quis consectetur sed sunt ut velit ut occaecat in proident nulla. In eiusmod nulla amet eiusmod ut est incididunt duis cillum commodo duis sit veniam minim cupidatat ut adipisicing ut anim incididunt qui aute dolor excepteur deserunt aliquip voluptate anim.

Column chart / Säulendiagramme

Datenquelle: Quellenngabe ohne Link
Download Daten

Säulendiagramme 3 Farben aus dem Schemata dena-orange. In eiusmod nulla amet eiusmod ut est incididunt duis cillum commodo duis sit veniam minim cupidatat ut adipisicing ut anim incididunt qui aute dolor excepteur deserunt aliquip voluptate anim.

Line chart / Liniendiagramm

Oops, an error occurred! Code: 20241222123551d5d2c963

Pie chart / Kreisdiagramm

Datenquelle: Quelle text

Description text

Doughnut chart / Ringdiagramm

Datenquelle: This is the quelle