Javascript 如何修复d3对象？

我试过了 然而，当我使用画笔时，我发现堆叠条的主要部分超出了边界。如何修复它？ 我认为原因如下：

---

谢谢你的帮助

这些类型的缩放实际上只是几何缩放，所有的条形图仍在绘制中，只是绝大多数在屏幕外，一些在图表范围内，一些位于轴间隙中，中间的一些看起来很尴尬

制作一个svg片段，并将其添加到右侧的“g”元素以消除此效果：

  svg.append("defs").append("clipPath")
            .attr("id", "myclip")
          .append ("rect")
          .attr({x: 0, width: width, y: margin.top, height: height});

。。。后来在代码中

// draw the bars
        main.append("g")
                .attr("clip-path", "url(#myclip)")
                .attr("class", "bars")

---

发布你的相关代码可以让其他人更容易帮助你。顺便说一下，这是一个链接，你能帮我解释一下url（#…）的用法吗。我不熟悉：-）

url（#whatever）

只指向同一文档中id为“whatever”的元素，这就是clip path属性希望看到的内容。在本例中，它指向id“myclip”，它是我们用来剪辑的clipPath元素的id。非常感谢你！