charts - 個々の線を含む D3.js を使用したステップライン チャート

Question

私は D3 初心者で、ステップライン チャートを描きたいと思っています。しかし、パスとしてではありません！個々の行が必要なので、「手動で」ステップラインが必要です。私の質問は、垂直線を描く方法ですか?

次のように水平線を引きます。

var g = svg.append("g").attr("class", "line");
g.selectAll("line")
.data(data)
.enter()
.append("line")
.attr("x1", function(d,i) { return x(d[0]);})
.attr("y1", function(d,i) { return y(d[1]);})
.attr("x2", function(d,i) { return x(d[2]);})
.attr("y2", function(d,i) { return y(d[1]);})
.attr("class", "line")
.style("stroke", "black")

私のデータセットは次のようになります(例):

[
'2011-01-04T00: 00: 00.000',
6975.35009765625,
'2011-01-03T00: 00: 00.000',
6989.740234375
],
[
'2011-01-05T00: 00: 00.000',
6939.81982421875,
'2011-01-04T00: 00: 00.000',
6975.35009765625
],

そう：

d[0] = actual date
d[1] = actual data
d[2] = previous date
d[3] = previous data

そして今、次の x 値に垂直線を引く必要がある方向を見つけようとしています。次の x 値が高い場合、次の x 値が低い場合、線は上に移動する必要があります。

誰か助けてください。