Časovnica
Časovni trak je vrsta diagrama za ponazoritev dogodkov, datumov ali obdobij. Običajno se upodablja grafično, da prikaže minevanje časa, in je navadno organiziran kronološko. Osnovni časovni trak našteva dogodke kronološko, običajno z uporabo datumov kot oznak. Časovni trak se lahko uporablja tudi za prikaz razmerij med dogodki, na primer razmerij med dogodki v življenju osebe.
Kopiraj
Vdelava
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook
: Google
2005 : YouTube
2006 : Twitter
Sintaksa
Sintaksa za ustvarjanje časovnega traku je preprosta. Začeti morate s sintakso timeline, da mermaid ve, da želite ustvariti časovni trak.
Nato lahko časovnemu traku dodate naslov. To storite z dodajanjem sintakse title, ki ji sledi besedilo naslova.
Nato dodate podatke časovnega traku, ki se vedno začnejo z obdobjem, ki mu sledi dvopičje in nato besedilo dogodka. Neobvezno lahko dodate še eno dvopičje in nato besedilo dogodka. Zato ima lahko vsako obdobje enega ali več dogodkov.
Kopiraj
Vdelava
{time period} : {event}
ali
Kopiraj
Vdelava
{time period} : {event} : {event}
ali
Kopiraj
Vdelava
{time period} : {event}
: {event}
: {event}
Opomba: obdobja in dogodki so preprosto besedilo in niso omejeni na številke.
mermaid.grammar_timeline_note_see_up_exemport_s
Kopiraj
Vdelava
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook : Google
2005 : YouTube
2006 : Twitter
Tako lahko z besedilnim orisom ustvarimo časovni trak. Vrstni red obdobij in dogodkov je pomemben, saj se uporabi za risanje časovnega traku. Prvo obdobje bo nameščeno na levi strani časovnega traku, zadnje obdobje pa na desni strani časovnega traku.
Ko se v istem obdobju zgodi več dogodkov, bo prvi dogodek na vrhu tega obdobja, zadnji dogodek pa na dnu tega obdobja.
Združevanje obdobij
Obdobja lahko združite v različne odseke/dobe. To je mogoče doseči z dodajanjem sintakse section, ki ji sledi ime odseka.
Vsa naslednja obdobja bodo nameščena v ta odsek, dokler ni definiran nov odsek.
Če ni definiran noben odsek, bodo vsa obdobja nameščena v privzeti odsek.
mermaid.grammar_timeline_default_see_one_some_part
Kopiraj
Vdelava
timeline
title Timeline of Industrial Revolution
section 17th-20th century
Industry 1.0 : Machinery, Water power, Steam <br>power
Industry 2.0 : Electricity, Internal combustion engine, Mass production
Industry 3.0 : Electronics, Computers, Automation
section 21st century
Industry 4.0 : Internet, Robotics, Internet of Things
Industry 5.0 : Artificial intelligence, Big data, 3D printing
Kot lahko vidite, so obdobja nameščena v posamezne odseke, odseki pa so razporejeni po vrstnem redu, v katerem so bili definirani.
Vsa obdobja in dogodki v določenem odseku sledijo podobni barvni shemi; to je narejeno za lažje prepoznavanje razmerij med obdobji in dogodki.
Prelom dolgih obdobij ali dogodkov
Privzeto se besedilo obdobij in dogodkov samodejno prelomi, če je predolgo.
Prelom lahko tudi vsilite.
mermaid.grammar_timeline_force_one_this_time_long
Kopiraj
Vdelava
timeline
title England's History Timeline
section Stone Age
7600 BC : Britain's oldest known house was built in Orkney, Scotland
6000 BC : Sea levels rise and Britain becomes an island.<br> The people who live here are hunter-gatherers.
section Bronze Age
2300 BC : People arrive from Europe and settle in Britain. <br>They bring farming and metalworking.
: New styles of pottery and ways of burying the dead appear.
2200 BC : The last major building works are completed at Stonehenge.<br> People now bury their dead in stone circles.
: The first metal objects are made in Britain.Some other nice things happen. it is a good time to be alive.
Kopiraj
Vdelava
timeline
title MermaidChart 2023 Timeline
section 2023 Q1 <br> Release Personal Tier
Bullet 1 : sub-point 1a : sub-point 1b
: sub-point 1c
Bullet 2 : sub-point 2a : sub-point 2b
section 2023 Q2 <br> Release XYZ Tier
Bullet 3 : sub-point <br> 3a : sub-point 3b
: sub-point 3c
Bullet 4 : sub-point 4a : sub-point 4b
Slog obdobij in dogodkov
Kot že omenjeno, ima vsak odsek svojo barvno shemo in vsako obdobje in dogodek v tem odseku sledi isti barvni shemi.
Ločeno oblikovanje obdobij, to je, da ima vsako obdobje (in njegovi ustrezni dogodki) svojo barvno shemo.
Kopiraj
Vdelava
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook : Google
2005 : YouTube
2006 : Twitter
Opomba: ker ni definiran noben odsek, ima vsako obdobje in njegovi ustrezni dogodki svojo barvno shemo.
Barvna shema po meri
Barvno shemo lahko prilagodite s spremenljivkami teme cScale0 do cScale11, kar spremeni barvo ozadja. Mermaid omogoča nastavitev edinstvenih barv za največ 12 odsekov, pri čemer spremenljivka cScale0 nadzoruje barvo prvega odseka ali obdobja, spremenljivka cScale1 pa barvo drugega odseka in tako naprej. Če je odsekov več kot 12, se barvna shema začne ponavljati ciklično.
Če želite spremeniti tudi barvo ospredja določenega odseka, to storite z ustreznimi spremenljivkami teme cScaleLabel0 do cScaleLabel11.
Opomba: privzete vrednosti teh spremenljivk teme so vzete iz izbrane teme. Če želite preglasiti privzete vrednosti, lahko s sintakso initialize dodate vrednosti spremenljivk teme po meri.
Primer:
Preglasimo zdaj privzete vrednosti spremenljivk cScale0 do cScale2:
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'default'
themeVariables:
cScale0: '#ff0000'
cScaleLabel0: '#ffffff'
cScale1: '#00ff00'
cScale2: '#0000ff'
cScaleLabel2: '#ffffff'
---
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook : Google
2005 : YouTube
2006 : Twitter
2007 : Tumblr
2008 : Instagram
2010 : Pinterest
Tema
Mermaid podpira številne vnaprej definirane teme, ki jih lahko uporabite, da najdete temo, ki vam ustreza. Opomba: dejansko lahko preglasite spremenljivke obstoječe teme in ustvarite svojo temo po meri.
mermaid.grammar_timeline_theme_pre_no_same
- redux-color
- redux-dark-color
- redux
- redux-dark
- default
- neutral
- dark
- forest
- neo
- neo-dark
- base
Opomba: za spremembo teme lahko uporabite sintakso initialize.
Osnovna tema
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'base'
---
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook : Google
2005 : YouTube
2006 : Twitter
2007 : Tumblr
2008 : Instagram
2010 : Pinterest
Gozdna tema
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'forest'
---
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook : Google
2005 : YouTube
2006 : Twitter
2007 : Tumblr
2008 : Instagram
2010 : Pinterest
Temna tema
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'dark'
---
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook : Google
2005 : YouTube
2006 : Twitter
2007 : Tumblr
2008 : Instagram
2010 : Pinterest
Privzeta tema
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'default'
---
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook : Google
2005 : YouTube
2006 : Twitter
2007 : Tumblr
2008 : Instagram
2010 : Pinterest
Nevtralna tema
Kopiraj
Vdelava
---
config:
logLevel: 'debug'
theme: 'neutral'
---
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook : Google
2005 : YouTube
2006 : Twitter
2007 : Tumblr
2008 : Instagram
2010 : Pinterest
