Tortendiagramme
Ein Tortendiagramm (oder Kreisdiaagramm) ist eine zirkuläre statistische Grafik, die in Segmente unterteilt ist, um numerische Proportionen darzustellen. In einem Tortendiagramm ist die Bogenlänge jedes Segments (und folglich sein zentraler Winkel und seine Fläche) proportional zur Menge, die es darstellt. Obwohl es nach seiner Ähnlichkeit mit einem geschnittenen Kuchen benannt ist, gibt es Variationen in der Art und Weise, wie es präsentiert werden kann. Das früheste bekannte Tortendiagramm wird allgemein William Playfair's Statistical Breviary von 1801 zugeschrieben. -Wikipedia
Mermaid kann Tortendiagramme rendern.
Code:
Syntax
Ein Tortendiagramm in Mermaid zu zeichnen ist wirklich einfach.
- Beginnen Sie mit dem Keyword
pie
, um das Diagramm zu startenshowData
, um die tatsächlichen Datenwerte nach dem Legendentext anzuzeigen. Dies ist OPTIONAL
- Gefolgt vom Keyword
title
und dessen Wert als String, um dem Tortendiagramm einen Titel zu geben. Dies ist OPTIONAL - Gefolgt von der Datensatz. Tortenschnitte werden im Uhrzeigersinn in der gleichen Reihenfolge wie die Beschriftungen angeordnet.
label
für einen Abschnitt im Tortendiagramm innerhalb von" "
Anführungszeichen.- Gefolgt von
:
Doppelpunkte als Trennzeichen - Gefolgt von
positivem numerischen Wert
(unterstützt bis zu zwei Dezimalstellen)
[pie] [showData] (OPTIONAL) [title] [titlevalue] (OPTIONAL) "[datakey1]" : [dataValue1] "[datakey2]" : [dataValue2] "[datakey3]" : [dataValue3] . .
Beispiel
Code:
Konfiguration
Mögliche Konfigurationsparameter für Tortendiagramme:
Parameter | Beschreibung | Standardwert |
---|---|---|
textPosition | Die axiale Position der Tortenschnittbeschriftungen, von 0.0 in der Mitte bis 1.0 am äußeren Rand des Kreises. | 0.75 |