javascript - ie中实时图形的d3过渡不平滑

Question

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

不幸的是，滑动效果（甚至是 Mike 的版本）在 Internet Explorer（版本 < 11）中很糟糕，而在 Firefox 中则完全流畅。连续滑动的效果是通过递归调用 tick() 函数来实现的，这就是 IE 似乎有问题的地方。

是什么让我认为可能有一些解决方案是，即使在 IE 中，第一次转换也是平滑的。

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

Answer 1

替换.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); });