无法使用D3从.csv文件读取数据

Question

我试图使用D3显示.csv文件中的数据。 我的头标记内脚本有一个功能：

 function show(data) { 
      console.log(data[0]); 
      d3.select("body") 
       .selectAll("p") 
       .data(data) 
       .enter() 
       .append("p") 
       .text(function(d) { return d.price})     
     } 

在页面的主体的脚本标签中，我有：

d3.csv('simple5.csv', show) 

文件simple5.csv是：

name, price 
a, 5 
b, 10 
c, 15 
d, 20 
e, 25 
f, 30 
g, 35 

尽管console.log函数向我显示数据，但我无法在HTML页面中看到数据。我曾尝试使用d3.csv.parse和d3.cd.parseRows函数，但后来发生错误：“text.charCodeAt不是函数”。

Answer 1

如果您删除.text（）函数，您可以看到p标签正在创建。因此，您的csv格式不正确。当我把它改成下面，它开始工作： 名称，价格

a,5 
b,10 
c,15 
d,20 
e,25 
f,30 
g,35 

请尝试。