如何知道 D3.js 中的当前缩放级别 [英] how to know the current Zoom level in D3.js

问题描述

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

I have a problem since a few days. I have a graph and when I use Zoom Behavior it works, but I need to know when I reach maximum zoom to load new given

// 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/

推荐答案

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

经过新的测试后，我有了答案:

After a new test i have the answer :

var currentZoom = d3.event.scale;

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

But only available/readable in the draw() function called by .on("zoom", 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
}

这篇关于如何知道 D3.js 中的当前缩放级别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！