0
この質問は数回見られましたが、通常はタイプミスを修正して解決しますが、私はcsvとしてデータをロードするときにのみエラーが発生するので、私はどのタイプミスを持っていると思う。スクリプトはjsonと同じデータを読み込むのに問題はありません。エラー:d3.v4.min.js:3エラー:<rect>属性の幅:予想される長さ "NaN"
d3.csv("mydata.csv", function(data) {
var canvas = d3.select("body").append("svg")
.attr("width", 500)
.attr("height", 500)
canvas.selectAll("rect")
.data(data)
.enter()
.append("rect")
.attr("width", function(d) {
return d.age * 10;
})
.attr("height", 46)
.attr("y", function(d, i) {
return i * 50;
})
.attr("fill", "blue");
canvas.selectAll("text")
.data(data)
.enter()
.append("text")
.attr("fill", "white")
.attr("y", function(d, i) {
return i * 50 + 24;
})
.text(function(d) {
return d.name;
})
})
そして、ここに私のデータファイルは、次のとおりです。
JSON:
[
{"name": "George", "age": 50},
{"name": "Carla", "age": 29},
{"name": "Bobby", "age": 18}
]
CSV:
"name", "age"
"george", 50
"carla", 29
"bobby", 18