d3轴上的缩放范围问题

Question

我正在使用d3轴显示条形图，并且已向其中添加了缩放交互 。 我正在添加这样的缩放交互，

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

在缩放轴时，我必须将轴缩放到什​​么水平，假设考虑到我在缩放时具有时间轴，它将以天为单位显示标签，再次缩放后，它将以小时为单位显示轴。 那么如何获得缩放后是按天级别还是按小时级别缩放呢？

Answer 1

假设您的目标是d3版本4，最好的方法是使用缩放功能的rescaleX 。 假设我们有以下缩放处理程序，其中x是与x轴相关的比例尺：

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

将记录缩放轴的边界（最小/最大）。