实时图非光滑的d3变换

Question

我正在使用Mike & team的超级酷d3.js，并且刚刚实现了我自己版本的滑动时间序列图表，如迈克页 (第二个版本)所示。

不幸的是，滑动效果(即使是Mike的版本)在Internet (版本< 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); });