Centered Title function and changed rendering order for Elk flowchart…

… to find Boundingbox
mermaid-js · Oct 26, 2023 · 5e966d6 · 5e966d6
1 parent c08f927
commit 5e966d6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/mermaid/src/diagrams/flowchart/elk/flowRenderer-elk.js b/packages/mermaid/src/diagrams/flowchart/elk/flowRenderer-elk.js
@@ -949,6 +949,7 @@ export const draw = async function (text, id, _version, diagObj) {
   log.info('after layout', JSON.stringify(graph, null, 2));
   const g = await elk.layout(graph);
   drawNodes(0, 0, g.children, svg, subGraphsEl, diagObj, 0);
+  utils.insertTitle(svg, 'flowchartTitleText', conf.titleTopMargin, diagObj.db.getDiagramTitle());
   log.info('after layout', g);
   g.edges?.map((edge) => {
     insertEdge(edgesEl, edge, edge.edgeData, diagObj, parentLookupDb, id);

diff --git a/packages/mermaid/src/utils.ts b/packages/mermaid/src/utils.ts
@@ -829,7 +829,7 @@ export const insertTitle = (
   parent
     .append('text')
     .text(title)
-    .attr('x', bounds.x + bounds.width / 2)
+    .attr('x', '50%')
     .attr('y', -titleTopMargin)
     .attr('class', cssClass);
 };