Zoom Ausmaß Problem in d3 Achse

Question

Ich verwende d3 Achse, um das Balkendiagramm zu zeigen, und ich habe Zoom Interaktion hinzugefügt. I Zoom Interaktion wie dieses bin Hinzufügen

d3.zoom(xScale).on("zoom", jQuery.proxy(function(){ 
     //Do somthing on zooming.     
     },this)); 
},this)); 

auf der Achse Zooming i die bekommen, um auf welcher Ebene die Achse gezoomt wird, suppose betrachten i Zeitachse haben auf Zoomen es die Etiketten in Tag Ebene zeigen Nach erneutem Zoomen wird die Achse in Stundenebene angezeigt. Also wie kommt man dazu, ob nach dem Zoomen Tages- oder Stundenpegel gezoomt wird?

Answer 1

Angenommen, Sie zielen auf d3 Version 4, der beste Weg, um dies zu handhaben ist mit der Zoom-Funktionalität rescaleX. Sagen wir folgende Zoom-Handler, wo x die Waage auf die x-Achse gebunden ist:

function zoomed() { 
    var newScale = d3.event.transform.rescaleX(x)); 
    console.log(newScale.domain()); 
} 

Würde log die Grenzen (min/max) Ihrer gezoomt Achse.