14

几天以来我有一个问题。我有一个图表，当我使用缩放行为时它可以工作，但我需要知道何时达到最大缩放以加载新的给定

// Specifies the zoom scale's allowed range, [min, max]
d3.behavior.zoom().x(x).scaleExtent([1,10]).on("zoom", draw)

请参阅我的代码 http://jsfiddle.net/albanlopez/D4MRP/

4

4 回答 4

16

在绘图功能中，当前事件将具有缩放级别（您提到的 d3.event.scale）。另外，如果您保持以下行为：

var zm = d3.behavior.zoom().x(x).scaleExtent([1,10]).on("zoom", draw);

然后你可以通过调用找到当前的缩放级别：

zm.scale();
于 2013-02-28T23:20:35.603 回答
11

从 D3 v4 开始，有两种记录在案的方法来检索缩放状态。引用 d3/d3-zoom README（在 Zoom Transforms 下）：

要检索缩放状态，请在缩放事件侦听器中对当前缩放事件使用 event.transform（请参阅 zoom.on），或对给定节点使用 d3.zoomTransform。

https://github.com/d3/d3-zoom/blob/master/README.md#zoom-transforms

于 2016-10-19T01:12:02.313 回答
8 
rect.call(zm=d3.behavior.zoom().x(x).scaleExtent([1,10]).on("zoom", draw));

经过新的测试，我得到了答案：

var currentZoom = d3.event.scale;

但仅在.on("zoom", draw)调用的draw()函数中可用/可读

rect.call( zm = d3.behavior.zoom().x(x).scaleExtent([1,10]).on("zoom", draw));

function draw() {
    // trace l'axe X
    svg.select("g.x.axis").call(xAxis);
    // trace l'axe Y
    svg.select("g.y.axis").call(yAxis);
    // trace la courbe
    svg.select("path.line").attr("d", line);

    console.log(zm.scale(), zm.translate()); // , zm.translate[1] = Y
    console.log(d3.event.scale, d3.event.translate[0]); // , d3.event.translate[1] = Y
}
于 2013-02-28T23:00:33.013 回答
1

截至今天（d3.v5），检查闭包内缩放级别的方法是查看此属性：

d3.event.transform.k

于 2021-02-14T21:26:59.987 回答