Javascript Dagre D3中的引导未正确渲染

您好，我在使用渲染引导时遇到问题 在JavaScript中。Dagre D3是基于D3的图书馆。 第一个问题是星形图示符图标仅在第一个节点中，而不在第二个节点中。为什么？ 第二个问题是下拉菜单没有正确渲染。它只在第一个节点中，不在第二个节点中。当我点击下拉菜单时，不会弹出菜单。有人有解决办法吗

引导节点 样品 下拉列表 .固定面板头{ 最小高度：40px； 最大高度：40px； } .固定板脚{ 最小高度：60px； 最大高度：60px； } .节点g分区{ 宽度：自动； 高度：100px； 颜色：000； } (一)边路{ 中风：333例； 笔划宽度：1.5px； } //创建输入图形 var g=新的dagreD3.graphlib.Graph .setGraph{} .setDefaultEdgeLabelfunction{ 返回{}； }; var element=document.getElementByIdpanel； var elementHtml=element.outerHTML； g、 setNode1{ 标签类型：html， 标签：elementHtml， 处方:5,， ry:5， 填充：0 }; g、 setNode2{ 标签类型：html， 标签：elementHtml， 处方:5,， ry:5， 填充：0 }; g、 第1组，第2组； var render=new dagreD3.render； //设置一个SVG组，以便我们可以翻译最终的图形。 var svg=d3.selectsvg， svgGroup=svg.appendg； //运行渲染器。这就是绘制最终图表的原因。 renderd3.g，g； //将图表居中 var xcenterfset=svg.attrwidth-g.graph.width/2； svgGroup.attrtransform，translate+xcenterfset+，20； svg.attrhight，g.graph.height+40；

---

尝试为每个节点和每个控件使用不同的id。将有一个id为dropdownmenu1的mltiple字段，其中只有一个可用。尝试使用节点id连接。

ad 1。你用什么浏览器？在FF 51.0.1和Microsoft Edge 38.14393.0.0上，我看到所有节点上都有星形标志符号，Chrome 56.0.2924.87和canary在第二个节点上缺少标志符号和下拉列表。。。Boostrap下拉列表不能在所有浏览器上运行，因为它是JS组件，类似于$'。下拉切换。需要下拉列表，更多。。。我无法强制下拉列表在SVG标记中工作，但我只花了不到5分钟的时间关注它，也许你会发现其他人更聪明一些；最后是NaN，最后是fail here svgGroup.attrtransform，translate+xcenterfset+，20；产生了translateNaN，20。这是因为您试图从字符串中减去数字，使之成为百分比中的精确像素，甚至在我的浏览器中更精确的“100%”-135。我使用google chrome版本：56.0.2924.87 64位