Question

我试过http://bl.ocks.org/godds/ec089a2cf3e06a2cd5fc 但是，我发现当我使用刷子时，堆叠条的主要部分超出边界。怎么解决？我想这就是原因： some bars should not be shown in the main part but they are still in the scope of svg 谢谢你的帮助！

Answer 1

这些类型的缩放字面上只是几何变焦，所有的条形图仍然被绘制，只是绝大多数都在屏幕外，有些在图表范围内，有些位于轴间隙之间，其中是那些看起来很尴尬的人。

创建一个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")

如何修复d3对象？

1 个答案: