D3.js D3v4-更新/循环浏览数据

我有一组数据点，每个点有多个y值

x: number;
y: Array<{key:string, value:number}>;

然而，我很难让D3遍历所有可用的数据点（通过

键

），并按照给定的顺序从1过渡到下一个。
我见过一些使用

transition（）.tween（…）

和数据插值的示例，但我不认为这是我想要的，因为我只想从一个值转换到下一个值。
大致如下：

// pseudo code
for(key in keys)
{
    d3.selectAll(".dot")
       .transition(t)
       .data(dataForKey(key))
       .waitForTransitionToFinish()
}

关于如何使用D3v4实现这一点，有什么建议吗

// pseudo code
for(key in keys)
{
    d3.selectAll(".dot")
       .transition(t)
       .data(dataForKey(key))
       .waitForTransitionToFinish()
}