Symbolbild Dokumentation con4gis-Visualisation

Erstelle ein Kreisdiagramm

Kuchen/Tortendiagramm

Ring/Donut-Diagramm

1. Grafikelemente anlegen

Beispielvorgaben in Abschnitten "Allgem. Einstellungen" und Typ & Datenherkunft" für Grafikelemente erstellen
Zum Vergrößern Bild bitte anklicken

Um ein Ring-/Kreisdiagramm im Frontend abzubilden, legen wir ein neues Grafikelement mit dem Elementtyp Kuchen/Torte oder Ring/Donut an. Möchtest Du wie oben im Beispiel mehrere Elemente im Diagramm anzeigen, so benötigen wir für jeden angezeigten Wert ein Grafikelement.
Nun wählst Du eine Bezeichnung, einen Titel und eine Farbe für das Element aus, anschließend wählst Du im Select-Menü „Herkunft“ Eingabe aus.

In der Eingabe kannst Du jetzt einen Y-Wert festlegen. Genau wie beim Manometer benötigst du beim Kreis und Ring nur den Y-Wert. Alle Werte, die Du in Deinen Grafikelementen angibst, werden kumuliert und anschließend in der Grafik in Prozent angegeben. Hast Du zum Beispiel 2 Elemente im Kreis-Diagramm, die beide den Wert „245″ haben, werden im Frontend beide Elemente mit 50 Prozent im Diagramm angezeigt.

Alle weiteren Einstellungen sind für unser Beispiel vorerst nur optional.

2. Grafiken anlegen

Als nächsten legst Du die Grafik für Deine Grafik-Elemente an. Dort wählst Du als Erstes eine Bezeichnung und im Select-Feld „Charakter der X-Werte“ Nominalwerte aus.
Für unser Beispiel musst Du nur noch Deine zuvor angelegten Grafikelemente auswählen. Alle anderen Felder spielen für unser Beispiel erstmal keine Rolle.
Jetzt nur noch Veröffentlichen.

3. Grafik im Artikel einbinden

Beispiel Einbinden der Grafik in einen Artikel
Zum Vergrößern Bild bitte anklicken

Zur Einbindung Deiner Grafik im Frontend fügst Du dem gewünschten Artikel ein neues Inhaltselement hinzu. Als Elementtyp wählst Du unter “con4gis” “Grafik” aus. Im Grafik Dropdown-Menü kannst Du dann Deine zuvor angelegte Grafik auswählen.

Fragen zu con4gis-Visualization?

Sehr gerne. Der direkte "Draht" zu den Entwicklern führt über unser Supportforum zum Visualization-Bundle.