Mermaid Kreisdiagramm-Spickzettel

Eine beschriftete Liste von Werten, als Sektoren gezeichnet.

Jedes Bild auf dieser Seite wurde gezeichnet von

Mernyx, dem nativen Mermaid-Editor für macOS. Nicht von einem Browser mit Mermaid.js — demselben Renderer, den die App für ihre Leinwand nutzt.

Die Grundform

Ein Sektor pro Zeile: eine Beschriftung in Anführungszeichen, ein Doppelpunkt und eine positive Zahl. Null oder ein negativer Wert lässt das Diagramm scheitern.

pie
  "Dogs" : 386
  "Cats" : 85
  "Rats" : 15

Ein Kreisdiagramm mit drei Sektoren namens „Dogs“, „Cats“ und „Rats“, der mit Abstand größte.

Einen Titel hinzufügen

Der Titel steht in derselben Zeile wie das Schlüsselwort pie.

pie title Pets adopted by volunteers
  "Dogs" : 386
  "Cats" : 85
  "Rats" : 15

Dasselbe Kreisdiagramm mit dem Titel „Pets adopted by volunteers“ darüber.

Die Zahlen zeigen

showData druckt den Wert neben jede Beschriftung in der Legende.

pie showData
  title Market share
  "Product A" : 45
  "Product B" : 26
  "Product C" : 29

Ein Kreisdiagramm, dessen Legende die Zahlen 45, 26 und 29 neben den drei Produktnamen zeigt.

Mermaid Kreisdiagramm-Spickzettel

Die Grundform

Einen Titel hinzufügen

Die Zahlen zeigen

In Mernyx zeichnen