在Pan&中调整矩形大小缩放轴

时间:2016-07-23 12:56:03

标签: d3.js

我已经为Mike Bostock的Pan&添加了矩形。缩放轴示例但我无法通过放大的轴调整矩形大小。我添加了删除并追加/输入到缩放功能但它不执行。任何帮助将不胜感激。

gMain.selectAll(".rectband").remove();

        shape = gMain.selectAll('.rectband')
           .data(data)
           .enter()
           .append('rect')
           .attr("fill", "blue")
           .attr("width", 100)
           .attr("height", 100);

https://bl.ocks.org/mbostock/db6b4335bf1662b413e7968910104f0f

1 个答案:

答案 0 :(得分:1)

这个小提琴中使用了最终解决方案:

https://jsfiddle.net/u6rj20jc/3/

 function zoomed() {
        view.attr("transform", d3.event.transform);
        gX.call(xAxis.scale(d3.event.transform.rescaleX(x)));
        gY.call(yAxis.scale(d3.event.transform.rescaleY(y)));

        gMain.attr("transform", d3.event.transform);
        group.attr("transform", d3.event.transform);
       }