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());
}

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