如何轉換d3.js中的路徑

Question

如何轉換（例如創建動畫）創建視覺效果的路徑。它可能是從左到右創建線條/路徑。我試過類似的東西。

我分叉邁克的example，並添加like

svg.append("path") 
     .datum([]) 
     .attr("class", "line") 
     .attr("d", line); 

    var t = svg.transition().duration(700); 
    t.select('.line').attr('d', line(data)); 

它給路徑錯誤了，但我有一些困難與更新依據和bl.ocks。但我記得它正在工作（但沒有動畫）。

如何獲得動畫圖表？

Answer 1

我不認爲有人比Mike Bostock本人更好地描述它：Path Transitions。

您可以使用本教程中示例的各種變體來執行不同類型的動畫。儘管他的例子非常適合轉換，但是要添加新數據以適應變化，您可以輕鬆地使用類似的技術來響應現有數據的變化進行動畫製作 - 或者只添加一個新的系列。

如果您能明確說明您正在尋找哪種動畫，我可能會提供更多細節來實現目標。