使用 setInterval 设置 x.domain

Question

再次修改这个问题，因为在新版本的库d3（3.0.3）中解决方法不起作用，所以再次来寻求帮助将不胜感激。

这是库 d3 (3.0.3) 的新代码：

https://gist.github.com/4495104 http://bl.ocks.org/4495104/e7a7589098140dff36df7ab2a824d71072bc3be4

根据我的工作，错误应该在“491”行。

// Reset the domain relative to the current zoom offsets.
    x.domain(x0.range().map(function(x) {
      return (x - translate[0]) / scale; 
    }).map(x0.invert));

我们每秒都在用setInterval 更改x.domain，因为我们想要生成背景移动的外观，但是每次运行事件d3.behavior.zoom()（缩放或平移）时x.domain 会自动切换到初始值​​。您可以在下一个链接中查看问题。

http://jsfiddle.net/cristian540/Uy6bW/11/

Answer 1

如果您以编程方式更改比例的域，则需要将比例重新分配给缩放行为。这是因为缩放行为在内部存储了比例的克隆，用于计算新比例的新域和平移偏移量。因此，如果您不重新分配比例，它会继续使用（旧）克隆比例。

我已更新 documentation 以包含关于此的注释。

还有一个复杂的问题，即缩放的 x 和 y 比例应该代表缩放比例=1 的域。因此，您实际上需要将当前比例的克隆保持在 zoom scale=1，并将偏移量应用于克隆和当前比例。

然后，您可能还需要反转当前的缩放平移和缩放，具体取决于您需要的确切行为。

所以它应该看起来像：

var x0 = d3.scale.linear().domain(…).range(…), // initial scale
    x = x0.copy(); // copy to use for axes and zoom behaviour

setInterval(function() {
  var translate = zoom.translate(),
      scale = zoom.scale(),
      xd = x0.domain(),
      dx = 1;

  // Set a new x-domain: offset by dx.
  x0.domain([xd[0] += dx, xd[1] += dx]);

  // Set the zoom x-domain (this resets the domain at zoom scale=1).
  zoom.x(x.domain(xd));

  // Reset the domain relative to the current zoom offsets.
  x.domain(x0.range().map(function(x) {
    return (x - translate[0]) / scale;
  }).map(x0.invert));
}, 1e3);

Example 这个在行动。