marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-10-06 15:49:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add directive parsing functionality to timeline diagram

Browse Source
This commit is contained in:
ashishj
2023-01-19 19:03:05 +01:00
parent 68609fd8d0
commit 652a42fe1a
10 changed files with 136 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
cypress/platform/ashish2.html
View File

@@ -55,7 +55,7 @@
</head>
<body>
<div>Security check</div>
<pre id="diagram" class="mermaid">
<pre id="diagram" class="mermaid2">
timeline
title My day
section section with no tasks
@@ -71,7 +71,7 @@
I am a big big big tasks
I am not so big tasks
</pre>
<pre id="diagram" class="mermaid">
<pre id="diagram" class="mermaid2">
timeline
title England's History Timeline
section Stone Age
@@ -85,21 +85,7 @@
</pre>
<pre id="diagram" class="mermaid">
timeline
title History of Social Media Platform
section Rise of Social Media
2002 : LinkedIn
2004 : Facebook : Google : Pixar
2005 : Youtube
2006 : Twitter
2007 : Tumblr
2008s : Instagram
2010 : Pinterest
</pre>
<pre id="diagram" class="mermaid">
---
timeline:disableMulticolor: true
---
%%{init: { 'logLevel': 'debug', 'theme': 'default', 'timeline': {'disableMulticolor':false} } }%%
timeline
title History of Social Media Platform
2002 : LinkedIn
@@ -111,6 +97,22 @@ timeline:disableMulticolor: true
2010 : Pinterest
</pre>
<pre id="diagram" class="mermaid">
%%{init: { 'logLevel': 'debug', 'theme': 'default', 'themeVariables': {
'cScale0': '#ffffff',
'cScale1': '#00ff00',
'cScale2': '#0000ff',
} } }%%
timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook : Google : Pixar
2005 : Youtube
2006 : Twitter
2007 : Tumblr
2008s : Instagram
2010 : Pinterest
</pre>
<pre id="diagram" class="mermaid2">
timeline
title History of Social Media Platform
2002 : LinkedIn