【问题标题】:D3.js, csv and foreach undefined valueD3.js、csv 和 foreach 未定义值
【发布时间】:2013-01-13 12:14:23
【问题描述】:

我正在尝试 D3.js,但我遇到了一个小问题。 这是我的脚本:

<!DOCTYPE html>
<meta charset="utf-8">
<body>
    <script src="http://d3js.org/d3.v3.js"></script>
    <script>
        d3.csv("result-do-nothing.csv", function(error, data) {
            data.forEach(function(d) {
                console.log(d);
                console.log(d.nb);
                console.log(d.memory);
                console.log(d.memory_peak);
            });
        });
    </script>
</body>

这是 CSV

nb, memory, memory_peak
0,0.809,0.822,
100,0.779,1.072,
200,0.656,1.072,
300,0.656,1.072,
400,0.656,1.072,
500,0.656,1.072,

所以,当我运行脚本时,

  • console.log(d) 输出 Object {nb: "0", memory: "0.809", memory_peak: "0.822"} => 不错
  • console.log(d.nb) 输出 0 => 不错
  • console.log(d.memory) 输出 undefined => 为什么?
  • console.log(d.memory_peak) 输出 undefined => 为什么?

我对 FF 和 chrome 有同样的问题。 我真的不明白为什么。 顺便说一句,我也尝试d['memory'],重命名列,删除/添加 csv 中的尾随 ,。没有任何效果

编辑:我真是个菜鸟。 csv 标头中有多余的空格:memory 而不是memory

【问题讨论】:

  • 是否允许 csv 文件在每个数据行的末尾有随机尾随 ,,没有列标题?
  • 我更新了我的帖子。我尝试删除尾随,,但它不起作用。但是这里有一些很奇怪的东西:console.log(d) 有效...
  • 是的,我也注意到了这些空格。哦,很好。
  • 您应该回答自己的问题并接受答案,以便结束问题并帮助可能遇到相同问题的其他人。

标签: javascript csv d3.js


【解决方案1】:

csv 标头中有多余的空格:memory 而不是memory

【讨论】:

  • 如果满意,请接受答案(点击答案分数下的勾号)
  • 我暂时不能。我得等明天;)
猜你喜欢
  • 2016-12-14
  • 1970-01-01
  • 1970-01-01
  • 2022-01-18
  • 1970-01-01
  • 2015-07-15
  • 1970-01-01
  • 2021-07-26
  • 1970-01-01
相关资源
最近更新 更多