Cluster Fix

[rewweRrr]

fixed
#238

[kykint]

@cpettitt @lutzroeder Hello, could you help to merge this PR? It supports connection between clusters

[prabirshrestha]

This is great. I did find a bug with parallel branch where it is not aligned. G and c should be in the same level.

dg = new dagre.graphlib.Graph({compound:true})
  .setGraph({})
  .setDefaultEdgeLabel(function() { return {}; });

// Here we're setting the nodes
dg.setNode('a', {label: 'A', width: 50, height: 50});
dg.setNode('G', {label: 'G', clusterLabelPos: 'top', style: 'fill: #d3d7e8'});
dg.setNode('b', {label: 'B', width: 50, height: 50});
dg.setParent('b', 'G');
dg.setNode('c', {label: 'C', width: 50, height: 50});

// Set up edges, no special attributes.
dg.setEdge('a', 'c');
dg.setEdge('a', 'G');

dagre.layout(dg);

function G(props) {
  return (
    h('div', {},
       dg.nodes().map(v => {
            const node = dg.node(v);
            return h('span', { style: { border: '1px solid grey', textAlign: 'center', position: 'absolute', width: node.width, height: node.height, top: node.y, left: node.x, background: 'transparent' } }, v)
        }))
  );
};

ReactDOM.render(
    h(G, null),
    document.getElementById('raw-graph')
);

[georgefst]

This stops things from crashing completely, but I still get weird, off-centre results.

Also, it's impossible to tell from the code or the commit history exactly how this patch intends to fix the issue. More documentation would surely be needed somewhere for this to become mergeable.

[zeyupan888]

Hello, is this commit solving the issue?
I tried @dagrejs/dagre which is another version with maintenance, but still bug there.