Laiko juosta
Laiko juosta – tai diagrama, naudojama įvykiams, datoms ar laikotarpiams iliustruoti. Ji paprastai atvaizduojama grafiškai, kad parodytų laiko tėkmę, ir dažniausiai organizuojama chronologine tvarka. Pagrindinė laiko juosta chronologine tvarka išvardija įvykius, paprastai kaip žymes naudodama datas. Laiko juosta taip pat gali būti naudojama įvykių, pavyzdžiui, asmens gyvenimo įvykių, tarpusavio ryšiams parodyti.
Kopijuoti
Įterpti
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook
: Google
2005 : YouTube
2006 : Twitter
Sintaksė
Laiko juostos kūrimo sintaksė paprasta. Reikia pradėti timeline sintakse, kad mermaid žinotų, jog norite sukurti laiko juostą.
Vėliau prie laiko juostos galima pridėti pavadinimą. Tai atliekama pridedant title sintaksę ir po jos – pavadinimo tekstą.
Tada pridedami laiko juostos duomenys; visada pradedama laikotarpiu, po jo eina dvitaškis, o tada – įvykio tekstas. Neprivalomai galite pridėti dar vieną dvitaškį, o tada – įvykio tekstą. Taigi kiekvienas laikotarpis gali turėti vieną ar daugiau įvykių.
Kopijuoti
Įterpti
{time period} : {event}
arba
Kopijuoti
Įterpti
{time period} : {event} : {event}
arba
Kopijuoti
Įterpti
{time period} : {event}
: {event}
: {event}
Pastaba: laikotarpiai ir įvykiai yra paprastas tekstas, neapsiribojantis skaičiais.
mermaid.grammar_timeline_note_see_up_exemport_s
Kopijuoti
Įterpti
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook : Google
2005 : YouTube
2006 : Twitter
Taip galime naudoti teksto kontūrą laiko juostai generuoti. Laikotarpių ir įvykių tvarka svarbi, nes ji bus naudojama laiko juostai braižyti. Pirmasis laikotarpis bus dedamas laiko juostos kairėje, o paskutinis laikotarpis – laiko juostos dešinėje.
Kai tame pačiame laikotarpyje įvyksta keli įvykiai, pirmasis įvykis bus to konkretaus laikotarpio viršuje, o paskutinis įvykis – to konkretaus laikotarpio apačioje.
Laikotarpių grupavimas
Laikotarpius galite grupuoti į skirtingas dalis / epochas. Tai atliekama pridedant section sintaksę ir po jos – dalies pavadinimą.
Visi tolesni laikotarpiai bus dedami į šią dalį, kol bus apibrėžta nauja dalis.
Jei neapibrėžta jokia dalis, visi laikotarpiai bus dedami į numatytąją dalį.
mermaid.grammar_timeline_default_see_one_some_part
Kopijuoti
Įterpti
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
Kaip matote, laikotarpiai dedami į atskiras dalis, o dalys išdėstomos tokia tvarka, kokia buvo apibrėžtos.
Visi laikotarpiai ir įvykiai konkrečioje dalyje laikosi panašios spalvų schemos; tai daroma tam, kad būtų lengviau matyti laikotarpių ir įvykių tarpusavio ryšius.
Ilgų laikotarpių ar ilgų įvykių kėlimas į naują eilutę
Pagal numatytuosius nustatymus, jei laikotarpių ir įvykių tekstas per ilgas, jis automatiškai keliamas į naują eilutę.
Taip pat galite priverstinai kelti į naują eilutę.
mermaid.grammar_timeline_force_one_this_time_long
Kopijuoti
Įterpti
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.
Kopijuoti
Įterpti
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
Laikotarpių ir įvykių stilius
Kaip minėta anksčiau, kiekviena dalis turi spalvų schemą, o kiekvienas tos dalies laikotarpis ir įvykis laikosi tos pačios spalvų schemos.
Atskirai nustatyti laikotarpių stilių, t. y. kiekvienas laikotarpis (ir atitinkami įvykiai) turi savo spalvų schemą.
Kopijuoti
Įterpti
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook : Google
2005 : YouTube
2006 : Twitter
Pastaba: neapibrėžta jokia dalis, kiekvienas laikotarpis ir atitinkami įvykiai turi savo spalvų schemą.
Tinkinta spalvų schema
Galite tinkinti spalvų schemą naudodami cScale0–cScale11 temos kintamuosius; tai pakeis fono spalvą. Mermaid leidžia nustatyti unikalias spalvas iki 12 dalių; cScale0 kintamasis kontroliuoja pirmosios dalies ar laikotarpio spalvą, cScale1 kintamasis – antrosios dalies spalvą ir taip toliau. Jei dalių yra daugiau nei 12, spalvų schema pradeda kartotis cikliškai.
Jei taip pat norite pakeisti tam tikros dalies priekinio plano spalvą, galite naudoti temos kintamuosius, atitinkančius cScaleLabel0–cScaleLabel11 kintamuosius.
Pastaba: šių temos kintamųjų numatytosios reikšmės paimamos iš pasirinktos temos. Jei norite pakeisti numatytąsias reikšmes, galite naudoti initialize sintaksę tinkintoms temos kintamųjų reikšmėms pridėti.
Pavyzdys:
Dabar pakeiskime numatytąsias cScale0–cScale2 kintamųjų reikšmes:
Kopijuoti
Įterpti
---
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 palaiko daug iš anksto apibrėžtų temų, kurias galite naudoti norėdami rasti tinkamą sau. Pastaba: iš tiesų galite pakeisti esamos temos kintamuosius ir sukurti savo tinkintą temą.
mermaid.grammar_timeline_theme_pre_no_same
- redux-color
- redux-dark-color
- redux
- redux-dark
- default
- neutral
- dark
- forest
- neo
- neo-dark
- base
Pastaba: norėdami pakeisti temą, galite naudoti initialize sintaksę.
Bazinė tema
Kopijuoti
Įterpti
---
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
Miško tema
Kopijuoti
Įterpti
---
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
Tamsioji tema
Kopijuoti
Įterpti
---
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
Numatytoji tema
Kopijuoti
Įterpti
---
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
Neutralioji tema
Kopijuoti
Įterpti
---
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
