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

Question

我在.csv文件中有数据，我试图用D3显示。 head标签内的脚本有一个功能：

        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函数，但后来出现错误：＆＃34; text.charCodeAt不是函数＆＃34;。

Answer 1

如果删除.text（）函数，则可以看到正在创建p标记。因此，您的csv格式不正确。当我将其更改为以下内容时，它开始工作： 名称，价格

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

请尝试。