缩放功能在D3中无法正常工作

Question

我正在尝试在散点图中实现缩放和平移功能。经过d3中关于缩放和平移的大量文章后，我终于能够做到了。

平移工作正常，唯一的问题是缩放。第一次即使缩放工作正常但是当我稍微玩一下时，它也无法正常工作。

只有我注意到的模式是当我从左到右移动从上到下移动的矩形时，我在第一次移动后肯定会出错。

这是我的代码 -

function wholesection(val) {
    $("#whole-section").slideUp("fast", function () {
    });
    $('#label-cemetery').text("Section*");
    $('#poc').val(val);
}

我也做了一个工作小提琴供参考。以下是链接package_data argument

有人能说出这里出了什么问题!!

提前致谢..