如何通过缩放D3重新缩放条形图

Question

我正在使用D3，并且尝试在图表中插入缩放功能，一切都很好，但是条形图的缩放效果不符合预期。

我使用了“ d3.event.transform”，但不幸的是我的杠意外移动，我试图弄清楚什么是正确的计算。

svg.selectAll('.bar')
        .attr('transform', function(d, i) {
            return "translate(" + ((i * barWidth) + 30) + ", " + (((height - d.value) - 20) + d3.event.transform.y) + ")";
        })

https://jsfiddle.net/jwazm6ey/（滚动条是红色矩形）

缩放功能称为zoom()。

我希望条形的高度会随着Y轴变化。

我怎么了？

示例：https://i.stack.imgur.com/vLT06.gif