1

再次修改这个问题，因为在新版本的库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));

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

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

4

1 回答 1

2

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

我已经更新了文档以包含有关此的注释。

还有一个额外的复杂性，即缩放的 x 和 y 比例应该代表缩放比例 = 1 的域。因此，您实际上需要将当前比例的自己的克隆保持在缩放比例 = 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);

这个例子在行动。

于 2012-09-15T22:44:29.220 回答