Flächendiagramme und Tortendiagramm

Ein Flächendiagramm stellt graphisch die Entwicklung von Mengen dar. Die Darstellungsform basiert auf dem Liniendiagramm. Die Flächen zwischen Achse und den Linien werden mit unterschiedlichen Farben, Mustern oder Schraffuren hervorgehoben. Häufig werden zwei oder mehr Mengen verglichen. In diesem Fall spricht man von einem gestapelten oder unterteilten Flächendiagramm.

Folgende Referenz gibt einen Überblick über die unterstützten Typen von Flächendiagrammen und Tortendiagramm.
Der Titel der einzelnen Diagramme entspricht der Angabe für den Diagrammtype (type="diagramm-type").

Da sich bei Flächendiagrammen mit mehreren Datengruppen die jeweiligen Flächen überlagern, ist es wichtig in welcher Reihenfolge die jeweiligen Daten bereitgestellt werden. In den Beispielen hier wurde darauf geachtet, dass die Datengruppe mit den gößeren Werten als erste Gruppe definiert wurde, um zu vermeiden, dass die Fäche der zweiten Gruppe komplett überlagert wird:
-> data="Jan,Feb,Mär,Apr,Mai,Jun/5000,10000,11900,6000,11000,5000|2000,3000,4000,2500,4500,1500"
und nicht:
-> data="Jan,Feb,Mär,Apr,Mai,Jun/2000,3000,4000,2500,4500,1500|5000,10000,11900,6000,11000,5000"

 

{flashchart height="250" tooltip="#x_label#: #val#€ für #legend#" type="line_area" title="line_area" data="Jan,Feb,Mär,Apr,Mai,Jun/5000,10000,11900,6000,11000,5000|2000,3000,4000,2500,4500,1500" alpha="0.5" legend="Butter,Brot"}area_001{/flashchart}	{flashchart height="250" tooltip="#x_label#: #val#€ für #legend#" type="line_area_dotted" alpha="0.5" title="line_area_dotted" legend="Butter,Brot" data="Jan,Feb,Mär,Apr,Mai,Jun/5000,10000,11900,6000,11000,5000|2000,3000,4000,2500,4500,1500"}area_002{/flashchart}
{flashchart height="350" tooltip="#spoke#: #val# Punkte" type="radar_area" title="radar_area" legend_fontsize="10" alpha="0.5" data="Jan,Feb,Mär,Apr,Mai,Jun/50,100,80,60,70,50|30,30,40,25,45,30"}area_003{/flashchart}	{flashchart height="350" tooltip="#spoke#: #val# Punkte" type="radar_area_dotted" title="radar_area_dotted" legend_fontsize="10" alpha="0.5" data="Jan,Feb,Mär,Apr,Mai,Jun/50,100,80,60,70,50|30,30,40,25,45,30"}area_004{/flashchart}