javascript - 用 d3 绘制非连续线

Question

我正在使用 d3.js 制作一个简单的折线图。我想知道是否有办法在图表中创建“洞”，即在没有可用数据的情况下是否可以中断或切断线。

我正在考虑从域中删除我不需要的地方，或者在特定段中将线宽设置为 0，但我找不到执行其中任何一个的方法。

谢谢你的帮助！

Answer 1

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

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

这是一个很好的例子。