mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-12-05 20:14:14 +01:00
#5237 Support for config nodespace and rankspace
This commit is contained in:
@@ -78,7 +78,7 @@ const recursiveRender = async (_elem, graph, diagramType, id, parentCluster, sit
|
|||||||
const { ranksep, nodesep } = graph.graph();
|
const { ranksep, nodesep } = graph.graph();
|
||||||
node.graph.setGraph({
|
node.graph.setGraph({
|
||||||
...node.graph.graph(),
|
...node.graph.graph(),
|
||||||
ranksep: 75,
|
ranksep: ranksep + 25,
|
||||||
nodesep,
|
nodesep,
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -324,14 +324,21 @@ const recursiveRender = async (_elem, graph, diagramType, id, parentCluster, sit
|
|||||||
*/
|
*/
|
||||||
export const render = async (data4Layout, svg, element) => {
|
export const render = async (data4Layout, svg, element) => {
|
||||||
// Create the input mermaid.graph
|
// Create the input mermaid.graph
|
||||||
|
// console.log('XYZ data4Layout', data4Layout);
|
||||||
const graph = new graphlib.Graph({
|
const graph = new graphlib.Graph({
|
||||||
multigraph: true,
|
multigraph: true,
|
||||||
compound: true,
|
compound: true,
|
||||||
})
|
})
|
||||||
.setGraph({
|
.setGraph({
|
||||||
rankdir: data4Layout.direction,
|
rankdir: data4Layout.direction,
|
||||||
nodesep: data4Layout.nodeSpacing,
|
nodesep:
|
||||||
ranksep: data4Layout.rankSpacing,
|
data4Layout.config?.nodeSpacing ||
|
||||||
|
data4Layout.config?.flowchart?.nodeSpacing ||
|
||||||
|
data4Layout.nodeSpacing,
|
||||||
|
ranksep:
|
||||||
|
data4Layout.config?.rankSpacing ||
|
||||||
|
data4Layout.config?.flowchart?.rankSpacing ||
|
||||||
|
data4Layout.rankSpacing,
|
||||||
marginx: 8,
|
marginx: 8,
|
||||||
marginy: 8,
|
marginy: 8,
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user