dagre-d3：设置并只渲染一个节点

Question

我对dagre-d3很新。我正在尝试创建一个简单的流程图。 有两个svg的

<div id="back" class="ion-content"> </div>

第一个SVG显示最终流程图和第二个SVG显示模拟元素（如不同的形状）。 请参阅小提琴FIDDLE

这里我要做的是，当我点击模拟元素时，我试图在流程图中添加这些元素。意味着右侧有一个 rect ，当我点击它时，它应该添加并渲染到实际的流程图。

我试过这个

    <!-- which contains actual flow chart -->
    <svg id="svg-canvas" width=500 height=1000  style="float: left; border:1px solid red">
        <g transform="translate(40, 30)" />
    </svg>
    <!-- which contains mocks -->
            <svg width=200 height=200 style="background-color: #204d74; float: right;" id="drag-canvas"><g/></svg>

我使用 setNode 设置第15个节点，当我使用渲染功能时，它会再次渲染所有东西。

是否有可能只设置和渲染一个节点。

谢谢。