javascript - 用 d3 绘制不连续的线

Question

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

我正在考虑从域中删除不需要的位置，或者将特定段中的线宽设置为 0，但我找不到执行这些操作的方法。

感谢您的帮助!

Answer 1

D3 line生成器有一个内置函数可以做到这一点，line.defined 。您可以使用此函数来控制线的定义位置和未定义位置(例如缺少数据的位置)。如果您希望在点数组中的第二个值是 javascript NaN 值时使线未定义，您可以说:

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

Here就是一个很好的例子。