如何转换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。

您可以使用本教程中示例的各种变体来执行不同类型的动画。尽管他的例子非常适合转换，但是要添加新数据以适应变化，您可以轻松地使用类似的技术来响应现有数据的变化进行动画制作 - 或者只添加一个新的系列。

如果您能明确说明您正在寻找哪种动画，我可能会提供更多细节来实现目标。