如何在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);
}