在d3.js中从起点到终点的线转换

Question

我有一张图表。我想看一下图表线的逐点动画。我对d3.js的了解还不够。我试图鼓励她，但我不知道如何做到这一点。我该怎么做？ 一个例子是：

https://jsfiddle.net/ej0wLtv6/

我的代码是：

http://plnkr.co/edit/q6KkZjNDCozMUj5jdaKD?p=preview

city.append("path")
    .attr("class", "line")
    .attr("d", function(d) { return line(d.values); })
    .style("stroke", function(d) { return z(d.id); })

Answer 1

你把这个小提琴作为参考：

你可以像这样在线上制作动画：

ORing

工作代码here