Lewati ke konten utama

Mermaid 11.15.0

Contekan linimasa Mermaid

Linimasa mengelompokkan peristiwa singkat di bawah label periode berurutan. Pilih Gantt jika tanggal, durasi, atau dependensi penting. Periode linimasa adalah kategori teks, bukan kalender berskala.

Buat dengan Generator linimasa Mermaid →

Mulai cepat

Tulis periode, titik dua, dan peristiwanya. Titik dua kedua menambahkan peristiwa pada periode yang sama.

Mermaid
Buka di editor → 
timeline
  title Siklus dokumen
  Draf : Kerangka disepakati
  Peninjauan : Komentar dikumpulkan : Perubahan disetujui
  Rilis : Panduan diterbitkan

Memuat…

Referensi sintaks

Referensi sintaks
SintaksArti
timeline / title TextDeklarasikan linimasa dan judul opsional.
section TextKelompokkan periode berikutnya ke dalam bagian bernama.
Period : Event : Another eventSatu periode dapat memuat beberapa peristiwa dipisahkan titik dua.
: Another eventLanjutkan periode sebelumnya dengan peristiwa pada baris baru.
<br>Tambahkan pergantian baris dalam label periode atau peristiwa.
config.timeline.disableMulticolorGunakan satu warna bagian untuk periode, bukan warna bergantian pada linimasa tanpa bagian.
theme: base / themeVariables.cScale0…cScale11Sesuaikan warna isi bagian; cScaleLabel0…cScaleLabel11 mengatur warna teks label.
%% / accTitle: / accDescr:Tambahkan komentar dan deskripsi aksesibel tanpa menambah periode.

Beberapa peristiwa dan baris lanjutan

Label periode tidak harus tanggal. Peristiwa setelah titik dua tambahan atau pada baris lanjutan termasuk dalam periode saat ini. Urutan sumber menentukan urutan diagram; Mermaid tidak mengurutkan atau memvalidasi kalender.

Mermaid
Buka di editor → 
timeline
  title Notasi peninjauan
  Tahap 1 : Struktur diperiksa
         : Referensi diperiksa
  Tahap 2 : Redaksi diperiksa : Tautan diperiksa

Memuat…

Bagian dan pergantian baris yang terbaca

section berlaku untuk periode setelahnya hingga bagian berikutnya. Gunakan label singkat dan <br> untuk pergantian baris tanpa menambah periode.

Mermaid
Buka di editor → 
timeline
  title Tahap editorial
  section Persiapan
    Tinjauan<br>kerangka : Cakupan disepakati
  section Pengiriman
    Tinjauan<br>akhir : Koreksi digabungkan
    Penerbitan : Pembaca diberi tahu

Memuat…

Periode satu warna

Linimasa tanpa bagian biasanya menggilir warna tiap periode. Nonaktifkan multicolor untuk satu warna. Opsi ini hanya mengubah tampilan, bukan skala waktu atau hubungan.

Mermaid
Buka di editor → 
---
config:
  timeline:
    disableMulticolor: true
---
timeline
  title Langkah persetujuan
  Draf : Diajukan
  Peninjauan : Diterima
  Rilis : Diarsipkan

Memuat…

Warna bagian dengan tema base

Gunakan tema base untuk menyesuaikan warna cScale dan teks cScaleLabel. Jaga kontras agar terbaca. Warna bagian berulang setelah palet habis. Letakkan konfigurasi sebelum kata kunci diagram.

Mermaid
Buka di editor → 
---
config:
  theme: base
  themeVariables:
    cScale0: "#d3e5ff"
    cScaleLabel0: "#171717"
    cScale1: "#f5f5f5"
    cScaleLabel1: "#171717"
---
timeline
  title Peninjauan dua tahap
  section Penyusunan draf
    Kerangka : Siap
  section Penerbitan
    Panduan : Tersedia

Memuat…

Kesalahan umum

Membiarkan peristiwa kosong

Setiap titik dua memerlukan teks peristiwa. Periode tanpa titik dua diperbolehkan tetapi tidak memiliki peristiwa.

Sintaks tidak valid — contoh perbaikan di bawah

timeline
  :

Mengharapkan jarak kalender

Tahun dan bulan hanyalah label. Gunakan Gantt untuk jarak waktu yang proporsional.

Keterbatasan

  • Periode adalah kategori berurutan, bukan tanggal dengan jarak proporsional.
  • Sintaks linimasa tidak memiliki durasi tugas, panah dependensi, atau koordinat per titik.
  • Label panjang dan banyak peristiwa dapat membuat tata letak sulit dibaca.

Pertanyaan yang sering diajukan

Apakah satu periode dapat memuat beberapa peristiwa?
Ya. Tambahkan peristiwa dipisahkan titik dua atau lanjutkan pada baris baru yang diawali titik dua.
Bagaimana cara mengubah warna linimasa?
Gunakan tema base dengan cScale0 hingga cScale11 dan variabel cScaleLabel yang sesuai dalam frontmatter.
Kapan sebaiknya memakai Gantt?
Pilih Gantt untuk interval tanggal nyata, dependensi tugas, dan durasi. Linimasa lebih sesuai untuk urutan naratif singkat.