marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-08-23 10:16:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: render the participants in same order as they are created

Browse Source
This commit is contained in:
Aakansha Doshi
2023-11-06 18:47:38 +05:30
parent d714ecb4d7
commit 23cbf50413
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
demos/sequence.html
View File

@@ -164,6 +164,13 @@
end end
</pre> </pre>
<pre class="mermaid">
sequenceDiagram
actor Alice
actor John
Alice-xJohn: Hello John, how are you?
John--xAlice: Great!
</pre>
<script type="module"> <script type="module">
import mermaid from './mermaid.esm.mjs'; import mermaid from './mermaid.esm.mjs';
mermaid.initialize({ mermaid.initialize({
@@ -174,7 +181,7 @@
flowchart: { curve: 'basis' }, flowchart: { curve: 'basis' },
gantt: { axisFormat: '%m/%d/%Y' }, gantt: { axisFormat: '%m/%d/%Y' },
sequence: { actorMargin: 50 }, sequence: { actorMargin: 50 },
// sequenceDiagram: { actorMargin: 300 } // deprecated sequenceDiagram: { actorMargin: 300 }, // deprecated
}); });
</script> </script>
</body> </body>

3
packages/mermaid/src/diagrams/sequence/svgDraw.js
View File

@@ -324,7 +324,7 @@ const drawActorTypeParticipant = function (elem, actor, conf, isFooter) {
const center = actor.x + actor.width / 2; const center = actor.x + actor.width / 2;
const centerY = actorY + 5; const centerY = actorY + 5;
const boxpluslineGroup = elem.append('g').lower(); const boxpluslineGroup = elem.append('g').raise();
var g = boxpluslineGroup; var g = boxpluslineGroup;
if (!isFooter) { if (!isFooter) {
@@ -1038,6 +1038,7 @@ export default {
drawText, drawText,
drawLabel, drawLabel,
drawActor, drawActor,
drawActorTypeParticipant,
drawBox, drawBox,
drawPopup, drawPopup,
anchorElement, anchorElement,