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 に答える
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 に答える