如何在D3.js上绘制指数增长的图表线

Question

我想做一个类似的图表，如下图所示，即画一条线到一个点，该点随着时间的推移而增加。底部的数字是秒(传递了多少)。

example chart我想用D3.js实现它，但我真的不知道如何实现它。

我开始往d3-zoom的一边看。但我不明白如何才能做出一条动态增长的线。你看到过类似的例子吗？谢谢

Answer 1

我认为https://bl.ocks.org/pjsier/28d1d410b64dcd74d9dab348514ed256可能会有所帮助。只需增加过渡的持续时间，即可获得与示例类似的效果。

function transition(path) {
    path.transition()
        .duration(10000)
        .attrTween("stroke-dasharray", tweenDash);
}