javascript - D3 TSV 列访问

Question

我正在关注此处的 D3 示例:http://bl.ocks.org/mbostock/3883245 .我正在从远程服务器请求 TSV 来创建图形。我知道这工作正常，因为图表会根据给定的时间自动更改其 x 轴。问题是 TSV 的列之一是:temperature [C]。我更改了示例中的值以匹配 TSV，但它不起作用，我认为它不喜欢空格:

d3.tsv(tsvDataURL, function(error, data) {

                   data.forEach(function(d) {
                                d.time = parseDate(d.time);
                                d.temperature [C] = +d.temperature [C];
                                });

                   x.domain(d3.extent(data, function(d) { return d.time; }));
                   y.domain(d3.extent(data, function(d) { return d.temperature [C]; }))

...

有没有一种简单的方法可以让我像 d[2]; 这样按索引访问列以获取第二列？我以前试过这个，但它没有按预期工作。请原谅我较弱的 JS 技能，我对整个语言都很陌生。

Answer 1

对于其中包含空格或特殊字符的对象键，您不能使用“点”表示法，而应使用括号表示法:

d["temperature [C]"] = +d["temperature [C]"];

为了简化其余代码，您还可以为变量指定一个新名称:

d.temp = +d["temperature [C]"];

然后您可以在其余代码中使用 d.temp。