無法使用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 

請嘗試。