Skip to content

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:
mermaid

Syntax

Ein Tortendiagramm in Mermaid zu zeichnen ist wirklich einfach.

  • Beginnen Sie mit dem Keyword pie, um das Diagramm zu starten
    • showData, 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:
mermaid

Konfiguration

Mögliche Konfigurationsparameter für Tortendiagramme:

ParameterBeschreibungStandardwert
textPositionDie axiale Position der Tortenschnittbeschriftungen, von 0.0 in der Mitte bis 1.0 am äußeren Rand des Kreises.0.75