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); });