Question

我目前正在使用此处的Zoomable Icicle布局示例：http://bl.ocks.org/mbostock/1005873来查看文件系统。

该示例在点击时提供了“缩放”，但我也想在图表中加入D3的缩放行为。

我担心这两个缩放功能会在点击时发生冲突，所以我需要在点击时重置D3的缩放行为吗？

如何将这些类似缩放的功能合并到一起，而不是冲突，而是提供顺畅的交互？

感谢。

Answer 1

在没有推测用例的情况下，我很想知道这会如何泛（没有双关语意）。这是一个FIDDLE的结果......不知道该怎么想，老实说......但是我的脑子在周五都会受到煎炸。

function zoom() {
    d3.selectAll("rect")
        .attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
}

有一件事是真的......淘选有助于：）

UPDATED FIDDLE根据请求，此版本有一个重置缩放按钮，可将缩放和可缩放冰柱重置为其初始显示（转换）。