无法使用D3从.csv文件读取数据
问题描述:
我试图使用D3显示.csv文件中的数据。 我的头标记内脚本有一个功能:无法使用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不是函数”。
答
如果您删除.text()函数,您可以看到p标签正在创建。因此,您的csv格式不正确。当我把它改成下面,它开始工作: 名称,价格
a,5
b,10
c,15
d,20
e,25
f,30
g,35
请尝试。
你已经在页面上有'p'元素了吗? –