用d3绘制非连续线

Question

我正在使用d3.js制作一个简单的折线图。我想知道是否有一种方法可以在图形中创建“孔”，也就是说，如果在没有可用数据时可以中断或切割线。

我正在研究从域中删除我不需要的地方，或者在特定段中将行权重设置为0，但我找不到办法来执行其中任何一项。

感谢您的帮助！

Answer 1

D3 line生成器具有内置函数来执行此操作line.defined。您可以使用此函数来控制线的定义位置和不存在的位置（例如，您缺少数据的位置。）如果您想要在点数组中的第二个值为javascript NaN值时使线未定义，则可以说：

line.defined(function(d) { return !isNaN(d[1]); });

Here就是一个很好的例子。