Javascript 直方图使用d3展开缩放

有一个可重复使用的直方图 我想要的是通过点击一个特定的条来扩展缩放，这样x轴就会更新，我可以在更小的范围内看到更详细的视图。我已经有了一个点击事件，那么如何修改它来实现扩展功能呢

        bar.append("rect")
            .attr("x", 1)
            .attr("width", barWidth)
            .attr("height", function (d) {
            return maxBarHeight - y(d.y);
        })
            .on("click", function () {
              console.log("clicked");
        });

---

您希望放大动画还是即时效果适合您的用例？可能的复制