mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-10-05 07:09:40 +02:00
#1295 First draft of generic renderer applied to flowcharts.
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
<style>
|
||||
body {
|
||||
background: white;
|
||||
font-family: 'Noto Sans SC', sans-serif;
|
||||
font-family: 'Arial';
|
||||
}
|
||||
h1 { color: white;}
|
||||
.arrowheadPath {fill: red;}
|
||||
@@ -19,9 +19,27 @@
|
||||
<body>
|
||||
<h1>info below</h1>
|
||||
<div style="display: flex;width: 100%; height: 100%">
|
||||
<div class="mermaid" style="width: 100%; height: 100%">
|
||||
<div class="mermaid2" style="width: 100%; height: 100%;display: none;">
|
||||
flowchart LR
|
||||
A --> B
|
||||
A --> B & C & D
|
||||
subgraph s1
|
||||
B
|
||||
C
|
||||
end
|
||||
subgraph s2
|
||||
D
|
||||
end
|
||||
C --> D
|
||||
C --> D
|
||||
C --> D
|
||||
</div>
|
||||
<div class="mermaid" style="width: 100%; height: 100%">
|
||||
graph TB
|
||||
A[apan klättrar]-- i träd -->B
|
||||
</div>
|
||||
<div class="mermaid" style="width: 100%; height: 100%">
|
||||
flowchart TB
|
||||
A[apan klättrar]-- i träd -->B
|
||||
</div>
|
||||
</div>
|
||||
<script src="./mermaid.js"></script>
|
||||
@@ -35,7 +53,7 @@
|
||||
// gantt: { axisFormat: '%m/%d/%Y' },
|
||||
sequence: { actorMargin: 50, showSequenceNumbers: true },
|
||||
// sequenceDiagram: { actorMargin: 300 } // deprecated
|
||||
fontFamily: '"Noto Sans SC", sans-serif'
|
||||
fontFamily: '"arial", sans-serif'
|
||||
});
|
||||
</script>
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user