无法使用D3从.csv文件读取数据
我试图使用D3显示.csv文件中的数据。 head标记中的“我的脚本”具有以下功能:无法使用D3从.csv文件读取数据,csv,d3.js,Csv,D3.js,我试图使用D3显示.csv文件中的数据。 head标记中的“我的脚本”具有以下功能: function show(data) { console.log(data[0]); d3.select("body") .selectAll("p") .data(data) .enter() .append("p")
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不是一个函数”。如果删除.text()函数,可以看到正在创建p标记。因此,您的csv格式不正确。当我将其更改为以下内容时,它开始工作:
名称、价格
a,5
b,10
c,15
d,20
e,25
f,30
g,35
请尝试。如果删除.text()函数,可以看到正在创建p标记。因此,您的csv格式不正确。当我将其更改为以下内容时,它开始工作:
名称、价格
a,5
b,10
c,15
d,20
e,25
f,30
g,35
请尝试。页面上是否已经有
p
元素?页面上是否已经有p
元素?