如何结合D3's内置缩放以及点击缩放可缩放冰柱

How to Combine D3's built in zoom as well as on click zoom for Zoomable Icicle?

本文关键字：缩放 内置 何结合 结合 D3      更新时间：2023-09-26

我目前正在使用缩放冰柱布局示例:http://bl.ocks.org/mbostock/1005873查看文件系统。

这个例子提供了点击时的"缩放"，但我也想在图表上合并D3的缩放行为。

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

如何结合这两个类似缩放的功能，使它们不冲突，而是提供平滑的交互?

谢谢。

在没有推测用例的情况下，我很好奇这将如何将平移(没有双关语的意思)。这是一个小提琴与结果…老实说，我不知道该怎么想……但是我的脑子一到星期五就炸了。

function zoom() {
    d3.selectAll("rect")
        .attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
}
有一件事是真的……平移帮助:)

每个请求，这个版本有一个重置缩放按钮，重置缩放和可缩放冰柱到其初始显示(与过渡)。
相关文章：