D3を使用して.csvファイルからデータを読み取ることができません

Question

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は関数ではありません"。

Answer 1

.text（）関数を削除すると、pタグが作成されていることがわかります。したがって、あなたのcsv形式は正しくありません。私は次のようにそれを変更すると、それが仕事を始めた： 名、価格

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

てみてください。