如何让 d3 将缺失值视为 null 而不是零？答案

【问题标题】：How do I get d3 to treat missing values as null instead of zero?如何让 d3 将缺失值视为 null 而不是零？
【发布时间】：2014-12-10 19:32:19
【问题描述】：

JSBin of my example with code

我在不同的轴上有两个变量的折线图：

.csv 文件的开头和结尾缺少蓝色系列的值（“关闭”）：

date,open,close
1-May-89,161,
1-May-90,170,
1-May-91,137,
1-May-92,144,91.9
1-May-93,91,91.8

(...)

1-May-11,12,75.7
1-May-12,7,68.2
1-May-13,15,

最后的缺失值被正确处理（该行被截断），但前三个被视为零值。我怎样才能让蓝色的“接近”系列从 1992 年开始？

【问题讨论】：

Pass null values to SVG path (using d3.js) to suppress missing data的可能重复

标签： d3.js

【解决方案1】：

使用@mccannf 的建议修复，我将一个块更改为：

var valueline = d3.svg.line()
    .defined(function(d) { return d.close != 0; }) // added this line
    .x(function(d) { return x(d.date); })
    .y(function(d) { return y0(d.close); });

由于某种原因，即使示例中引用了以下内容，以下内容也不起作用：

.defined(function(d) { return d.close != null; })

【讨论】：

您的 null 在本节中被转换为零：d.close = +d.close; 所以这就是与 null 的比较失败的原因。