marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-26 02:39:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Expandingh with of subgraphs whith title

Browse Source
This commit is contained in:
Knut Sveidqvist
2021-05-16 08:21:28 +02:00
parent 0a4f16737a
commit af4930e3f3
3 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/dagre-wrapper/clusters.js
View File

@@ -37,15 +37,22 @@ const rect = (parent, node) => {
const padding = 0 * node.padding;
const halfPadding = padding / 2;
const width = node.width <= bbox.width + padding ? bbox.width + padding : node.width + padding;
if (node.width <= bbox.width + padding) {
node.diff = (bbox.width - node.width) / 2;
} else {
node.diff = -node.padding / 2;
}
log.trace('Data ', node, JSON.stringify(node));
// center the rect around its coordinate
rect
.attr('style', node.style)
.attr('rx', node.rx)
.attr('ry', node.ry)
.attr('x', node.x - node.width / 2 - halfPadding)
.attr('x', node.x - width / 2)
.attr('y', node.y - node.height / 2 - halfPadding)
.attr('width', node.width + padding)
.attr('width', width)
.attr('height', node.height + padding);
// Center the label
@@ -137,9 +144,9 @@ const roundedWithTitle = (parent, node) => {
const halfPadding = padding / 2;
const width =
node.width > bbox.width + node.padding ? node.width + node.padding : bbox.width + node.padding;
node.width <= bbox.width + node.padding ? bbox.width + node.padding : node.width + node.padding;
if (node.width <= bbox.width + node.padding) {
node.diff = (bbox.width - node.width) / 2;
node.diff = (bbox.width + node.padding - node.width) / 2;
}
// center the rect around its coordinate

2
src/dagre-wrapper/index.js
View File

@@ -55,7 +55,7 @@ const recursiveRender = (_elem, graph, diagramtype, parentCluster) => {
const newEl = o.elem;
updateNodeBounds(node, newEl);
node.diff = o.diff || 0;
log.info('Node nounds ', v, node, node.width, node.x, node.y);
log.info('Node bounds (abc123)', v, node, node.width, node.x, node.y);
setNodeElem(newEl, node);
log.warn('Recursive render complete ', newEl, node);