d3中实时图形不平滑的转换

Question

我正在使用Mike Bostock和团队的超酷d3.js，并且刚刚实现了我自己版本的滑动时间序列图表，如Mike的页面 （第二版）所示。

不幸的是，滑动效果（即使是迈克的版本）在Internet Explorer（版本<11）中也很糟糕，而在Firefox中则非常流畅。 通过recoursivly调用tick（）函数来实现连续滑动效果，这就是IE似乎有问题的地方。

是什么让我觉得可能有一些解决方案是即使在IE中，第一次转换也很顺利。

我尝试使用setInterval作为替代方案，但没有成功。 任何人都可以想到一个解决方案（除了停止使用ie ...）？

Answer 1

用.attr("transform", "")替换.attr("transform", null) .attr("transform", "") 。

例如：

path
    .attr("d", line)
    // ******************************
    .attr("transform", "") // <- here 
    // ******************************
    .transition()
      .duration(750)
      .ease("linear")
      .attr("transform", "translate(" + x(-1) + ")")
      .each("end", function() { tick(path, line, data, x); });