Mermaid 11.15.0
Gantt zeigt Aufgaben mit Terminen, Dauer und Abhängigkeiten. Für erzählte Ereignisse eignet sich eine Zeitleiste, für Nachrichten zwischen Systemen ein Sequenzdiagramm.
Mit dem Gantt-Diagramm-Generator erstellen →Vergib feste Aufgaben-Ids und starte Folgeaufgaben mit after nach ihrem Abschluss.
gantt
title Dokumentation veröffentlichen
dateFormat YYYY-MM-DD
todayMarker off
section Vorbereitung
Gliederung :done, outline, 2026-10-05, 2d
Prüfung :active, review, after outline, 3d
Veröffentlichen :milestone, publish, after review, 0dWird geladen…
| Syntax | Bedeutung |
|---|---|
| gantt / title / section | Startet das Diagramm, benennt es und gruppiert Aufgaben. |
| dateFormat YYYY-MM-DD / axisFormat %d %b | dateFormat nutzt Day.js-Tokens, axisFormat D3-Tokens. |
| tickInterval 1week / weekday monday | Legt Tickabstand und Starttag wöchentlicher Achsenmarkierungen fest. |
| weekend friday / excludes weekends, 2026-10-12 | Wählt das Wochenende; ausgeschlossene Tage verlängern dauerbasierte Aufgaben. |
| includes 2026-10-10 | Ein eingeschlossenes Datum übersteuert den Ausschluss; verwende Daten statt Wochentagsnamen. |
| inclusiveEndDates | Zählt explizite Enddaten einschließlich des letzten Tages. |
| todayMarker off / todayMarker stroke:#0070f3,stroke-width:2px | Blendet die Linie für heute aus oder gestaltet sie. |
| Task :id, start, end / Task :id, start, 2d | Doppelpunkt trennt Beschriftung und Metadaten, Kommas trennen Felder. |
| after a b / until c d | after wartet auf das späteste Ende, until endet beim frühesten Start der angegebenen Ids. |
| 500ms / 30s / 30m / 4h / 3d / 2w / 1M / 1y | Großschreibung zählt: m sind Minuten, M Monate; Dezimalwerte sind möglich. |
| done / active / crit / milestone / vert | Tags stehen vor der Id; milestone markiert einen Zeitpunkt, vert benötigt keine Zeile. |
| click id href "https://example.com" / click id call callback() | Links und Rückrufe hängen vom Host ab; strikte Sicherheit deaktiviert Interaktionen. |
| topAxis / config.gantt.topAxis / config.gantt.displayMode: compact | Zeigt eine obere Achse und teilt Zeilen zwischen nicht überlappenden Aufgaben. |
| %% / accTitle: / accDescr: | Kommentare und zugängliche Beschreibungen. |
Ausschlüsse verlängern eine Dauer, ohne den Balken zu teilen. includes holt einzelne Daten zurück. Explizite Enddaten bleiben unverändert; inclusiveEndDates zählt den letzten Tag mit.
gantt
dateFormat YYYY-MM-DD
axisFormat %d %b
tickInterval 1week
weekday monday
excludes weekends, 2026-10-12
includes 2026-10-10
todayMarker off
section Redaktion
Handbuch :handbook, 2026-10-09, 4d
Korrektur :proof, after handbook, 2dWird geladen…
Referenziere Ids statt Beschriftungen. Mehrere after-Ids warten auf das späteste Ende, until auf den frühesten Start. Vermeide fehlende Referenzen und Zyklen.
gantt
dateFormat YYYY-MM-DD
todayMarker off
section Veröffentlichung
Freigabe :milestone, signoff, 2026-10-15, 0d
Bearbeitung :edit, 2026-10-05, until signoff
Tests :test, 2026-10-07, 3d
Paket :package, after edit test, 1dWird geladen…
Kombiniere crit mit done oder active. Ein Meilenstein ohne Dauer liegt am Start, mit Dauer in deren Mitte. vert überspannt das Diagramm ohne eigene Zeile.
gantt
dateFormat YYYY-MM-DD
todayMarker off
section Auslieferung
Entwurf :done, draft, 2026-10-05, 2d
Validieren :crit, active, validate, after draft, 3d
Frist :vert, deadline, 2026-10-09, 0d
Genehmigung :milestone, approval, after validate, 0dWird geladen…
click weist eine URL oder einen Rückruf zu. Diese Website nutzt strikte Sicherheit und deaktiviert Interaktionen im Diagramm; behalte den Schutz bei fremdem Quelltext.
gantt
dateFormat YYYY-MM-DD
todayMarker off
section Notizen
Anleitung lesen :guide, 2026-10-05, 2d
click guide href "https://themarkdowner.com"Wird geladen…
YAML-Konfiguration steht vor gantt. compact teilt Zeilen, sofern möglich, ohne Ressourcen zu planen. Die ältere Direktive %%{init: ...}%% wird ebenfalls unterstützt.
---
config:
gantt:
displayMode: compact
topAxis: true
---
gantt
dateFormat YYYY-MM-DD
todayMarker off
section Aufgaben
Erster Durchlauf :first, 2026-10-05, 2d
Zweiter Durchlauf :second, after first, 2dWird geladen…
YYYY-MM-DD gehört zu dateFormat, %d %b zu axisFormat. Eine Achsenänderung verändert nicht die Datumseingabe.
Eine ungültige Einheit kann unbemerkt Dauer null ergeben; prüfe das Ergebnis.
dates existiert nicht. Verwende dateFormat in einer eigenen Zeile.
Ungültige Syntax: Korrektur weiter unten
gantt
dates YYYY-MM-DDgantt
dateFormat YYYY-MM-DD
todayMarker off
section Kontrolle
Überprüfen :check, 2026-10-05, 1dWird geladen…