丢失数据时如何拆分D3.js中的行

Question

我的数据源可能缺少数据，例如：

7/1/13 1

7/2/13 2

7/3/13 3

7/4/13 4

7/5/13 5

7/8/13 8

7/9/13 9 ......

当我使用d3.svg.line().x(X).y(Y1)时，其中X和Y是我的访问器函数。它将绘制一条连续线。我想知道如何将它分成两行，这样就可以很容易地看到丢失的天数。

我的意思是，我应该得到1到5的线路，然后是8到9的线路。5到8之间没有连接。

Answer 1

有一种方法可以指定是否定义了数据，至少在当前版本的d3中是这样的：

d3.svg.line()
    .defined(function(d){return d.y != null && d.y != undefined})

或者使用区域：

d3.svg.area()
    .defined(function(d){return d.y != null && d.y != undefined})

这对我来说是个奇迹。

当未定义数据时，将出现陡峭的断壁。下面是一个例子：

http://bl.ocks.org/mbostock/3035090