这个加号有什么用?

“…如果您查看bar-data.csv文件中的数据,则所有值都有数字” …不,实际上它们不是加载/解析文件后的数字:它们是 串 是的。

发生了什么事 d3.csv ,它使用 dsv.parse ,将所有字段加载为字符串。你可以在 API 以下内容:

如果未指定行转换函数,则字段值为 串 是的。为了安全起见,不会自动转换为数字、日期或其他类型。(强调我的)

我们可以很容易地展示出来。假设我们有这个csv,数字作为值:

foo,bar
17,34
42,12

由于堆栈片段不允许我们保存csv文件,我将使用 d3.csvParse 在这里而不是 d3.csv号 ,但结果是一样的。看看控制台:

var csv = `foo,bar
17,34
42,12`;

var data = d3.csvParse(csv);

data.forEach(function(d) {
  for (key in d) {
    console.log(d[key] + ": " + typeof d[key])
  }
})

<script src="https://d3js.org/d3.v5.min.js"></script>

现在让我们使用一元加号只转换 foo 列:

var csv = `foo,bar
17,34
42,12`;

var data = d3.csvParse(csv, row);

data.forEach(function(d) {
  for (key in d) {
    console.log(d[key] + ": " + typeof d[key])
  }
})

function row(d) {
  d.foo = +d.foo;
  return d;
}

<script src=“https://d3 js.org/d3.v5.min.js”></脚本>

PS:仅仅是为了解释你的Plurk中的行为,如果你移除了一元加:CSV中的更高的数字是478,它用于轴的域。但是,除去一元加,更高的值变为“53”,作为字符串,它比“478”高:

console.log("53" > "478")