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

【问题标题】：Unable to read data from .csv file using D3无法使用 D3 从 .csv 文件中读取数据
【发布时间】：2017-03-30 05:20:30
【问题描述】：

我尝试使用 D3 显示 .csv 文件中的数据。我的 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 函数，但随后出现错误：“text.charCodeAt 不是函数”。

【问题讨论】：

页面上是否已有p 元素？

标签： csv d3.js

【解决方案1】：

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

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

请尝试。

【讨论】：