在 D3 的一行中添加空格/间隙

Question

我有一个与此类似的多线图表，其中每条线代表特定年份，x 轴代表(e.g. Jan 1, Jan 2, ... Dec 31)该特定年份中的天数。

有些线适用于闰年，有些线适用于非闰年。对于非闰年行，我希望日期Feb 29不显示任何内容，即行中的间隙或空格。现在，我的数据集已经在对象null中Feb 29。因此 D3 将该点视为 0 并将其一直拉伸到底部（x 轴）。

有什么办法可以实现排队空间吗？或者有解决这个问题的方法吗？任何帮助表示赞赏。谢谢。

Answer 1

您可以使用line.defined：https://github.com/d3/d3/wiki/SVG-Shapes#line_define

根据API：

定义的访问器可用于定义行已定义和未定义的位置，这通常与缺失数据结合使用。

如果您的行未定义且值为 null 或 NaN，请执行以下操作：

line.defined(function(d) { return !isNaN(d.x); });