Question

这是我的CSV文件中的原始数据： COL1, COL2 a, 10 b, 20 c, 30 d, 40

当我运行下面的javascript D3代码时，它会输出： a, undefined b, undefined c, undefined d, undefined

我尝试了很多变化。它似乎总是很容易理解第一列的想法，但从不理解第二列。

我看到了一些与parseRows等相关的stackoverflow项目。但这应该是一个简单的修复，而不必采用完全不同的编写代码的方式，对吗？我觉得我的语法很接近，但是我不确定要在每行中打印两个值需要进行微调。

我只是想让D3加载到文件中，然后打印每一行作为它自己的HTML段落（除了标题文本COL1，COL2）。

谢谢。

   <script type="text/javascript">

        d3.csv("csv_file1.csv", 
               function(data) {
                    d3.select("body")
                      .selectAll("p")
                      .data(data)
                      .enter()
                      .append("p")
                      .text(function(d) { return d.COL1 + ", " + d.COL2;})
                });

    </script>

Answer 1

将您的csv更改为：

COL1,COL2
a,10 
b,20
c,30
d,40

d3 csv解析器在您最初编写文件时不会查找列名之间的间距。

d3.js csv import ...仅访问第一列数据（不确定原因）

1 个答案: