D3v4 - 更新/循环数据

Question

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

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

我使用以下函数来获取密钥的正确数据点：

function dataForKey(data, key)
{
  return data.map(function(d)
  {
    return {
      x: d.x,
      y: findCorrespondingDataPoint(d.y, key)
    };
  });
}

我正在努力让D3遍历所有可用的数据点（key）并在给定的序列中从1过渡到下一个。
我已经看到了一些使用transition().tween(..)和数据插值的例子，但我不认为这是我想要的，因为我只想从一个值转换到下一个值。
这些方面的东西：

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

有关如何使用D3v4完成此任务的任何建议？