comment connaître le niveau de zoom actuel dans D3.js

J'ai un problème depuis quelques jours. J'ai un graphique et lorsque j'utilise Le Comportement Du Zoom il fonctionne, mais j'ai besoin de savoir quand je zoom au maximum pour charger de nouveaux donné

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

Voir mon code
http://jsfiddle.net/albanlopez/D4MRP/

source d'informationauteur Alban

  1. 16

    Dans la fonction draw le courant de l'événement sera le niveau de zoom (d3.de l'événement.l'échelle comme vous l'avez mentionné). Aussi, si vous gardez le comportement autour comme:

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

    Ensuite, vous pouvez trouver le niveau de zoom actuel en appelant le:

    zm.scale();
  2. 8

    De D3 v4 il y a deux documenté façons de récupérer le zoom de l'état. Pour citer d3/d3-zoom README (en vertu de Zoom Transforme):

    Pour récupérer le niveau du zoom, l'utilisation de l'événement.transformer un zoom actuel
    de l'événement à l'intérieur d'un zoom écouteur d'événement (voir zoom.de suite), ou de l'utilisation
    d3.zoomTransform pour un noeud donné.

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

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

    Après un nouveau test, j'ai la réponse :

    var currentZoom = d3.event.scale;

    Mais uniquement disponible/lisible dans le draw() fonction appelée par .("zoom", tirage)

    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
}