生成动态ID时，Clippath不起作用

Question

我已经实现了带有画笔的条形图（D3.js V3）。我已应用了对于硬编码值（#clip）正常工作的剪切路径。 但是，当我尝试使用动态ID进行操作时，它不起作用。当我单击打开模型框的按钮时，钢筋的高度也会被剪断。

Image with model popup

先谢谢了。

svg.append("defs")

.append("clipPath")
//  .attr("id", container)
.attr("id", "clip")
.append("rect")
.attr("x", 0)
.attr("y", 0)
.attr("width", width)
.attr("height", height);


 var dev = '# '+ container ;
 main.append("g")
.attr('clip-path', 'url(#clip)')// this is hard coded id
//.attr('clip-path', "url("+ dev +")")// this is dynamic id
.attr("class", "bars")