d3使用stroke-dasharray和stroke-dashoffset绘制线

Question

我有一个折线图，我想要一种像从左到右画线的效果。

我已经成功地使用stroke-dasharray和stroke-dashoffset了解了这一点。给定配置的其他设置，此功能可以实现。

var path = vis.append(‘svg:path’)
 .attr(‘d’, line(lineData))
 .attr(‘stroke’, ‘blue’)
 .attr(‘stroke-width’, 2)
 .attr(‘fill’, ‘none’);

var totalLength = path.node().getTotalLength();

path
     .attr(“stroke-dasharray”, totalLength + “ “ + totalLength)
     .attr(“stroke-dashoffset”, totalLength)
     .transition()
     .duration(5000)
     .ease(“linear”)
     .attr(“stroke-dashoffset”, 0);

我的问题是，如果我想对虚线产生相同的效果怎么办？

由于需要使用stroke-dasharray将一条线制成虚线（例如（3,3）），因此stroke-dasharray和stroke-dashoffset的组合会变得混乱。

使效果从左到右绘制虚线的最简单方法是什么？

谢谢。