Mermaid sözdizimi ile Gantt şemaları oluşturun. Görevleri, süreleri, bağımlılıkları, kilometre taşlarını ve bölümleri tanımlayın. Canlı önizleme.
Editör yükleniyor...
Diyagram önizlemesi burada görünecek...
Gantt şemaları, görevleri bir zaman çizelgesine karşı çizer. Her görevin bir başlangıç tarihi (açık veya başka bir göreve göreceli), bir süresi ve isteğe bağlı olarak bir durumu ve bölüm gruplaması vardır. Mermaid, bunları zaman eksenli yatay çubuk grafikler olarak işler.
gantt
title Proje Adı
dateFormat YYYY-MM-DD
axisFormat %b %d
section Aşama 1
Görev A :a1, 2024-01-01, 7g
Görev B :after a1, 5g
Her Gantt şeması gantt ile başlar. title, dateFormat ve axisFormat isteğe bağlı ancak önerilir.
Her görev satırı şu formata sahiptir:
Görev adı :durum, görevId, başlangıçTarihi, süre
| Alan | Örnek | Açıklamalar |
|---|---|---|
| ad | API'yi derle |
Görüntülenen etiket |
| durum | done, active, crit |
İsteğe bağlı, birleştirilebilir |
| görevId | api1 |
Diğer görevler bağlıysa gerekli |
| başlangıç | 2024-03-01 veya after diğer |
Açık tarih veya bağımlılık |
| süre | 5g, 2h |
Gün veya hafta |
Bağımlılıklar, Gantt şemalarının en kullanışlı kısmıdır. Tarihleri sabit kodlamak yerine ilişkileri tanımlayın:
gantt
dateFormat YYYY-MM-DD
Tasarım :tas, 2024-01-01, 5g
Uygulama :uyg, after tas, 10g
Test :test, after uyg, 5g
Dağıtım :after test, 2g
| Durum | İşleme | Kullanım |
|---|---|---|
done |
Soluk dolgu | Tamamlanan iş |
active |
Vurgulu | Geçerli sprint/görev |
crit |
Kırmızı vurgu | Kritik yol öğeleri |
| (yok) | Varsayılan dolgu | Planlanan gelecek iş |
Bölümler, ilgili görevleri bir etiket ve alternatif arka plan bantlarıyla görsel olarak gruplar:
section ArkaUç
API uç noktaları :api, 2024-01-01, 10g
Veritabanı kurulumu :db, 2024-01-01, 5g
gantt
title Sprint 12
dateFormat YYYY-MM-DD
section Hikayeler
Kullanıcı girişi :done, s1, 2024-03-04, 3g
Profil sayfası :active, s2, after s1, 4g
Önceden yüklenmiş örnek, planlama, uygulama ve dağıtım aşamaları, bağımlılık zincirleri ve bir üretime geçiş kilometre taşı ile bir API geçişini gösterir.
Bu zaman çizelgesi içindeki API etkileşimlerini belgelemek için Mermaid Sıra Diyagramı aracını deneyin.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.