我有一个index.html,其中包含脚本源, 和
<script>
importData();
</script>
the importData function:
function importData ()
{
d3.json("data/test.json", function (error, data)
{
console.log(data[0]); //neither of the logs work
console.log(data); //
var canvas = d3.select(".importData").append("svg")
.attr("width", 1000)
.attr("height", 700);
canvas.selectAll("rect")
.data(data)
.enter()
.append("rect")
.attr("width", function (d)
{
return d.rank * 60;
})
.attr("height", 50)
.attr("y", function (d, i)
{
return i * 80
})
.attr("fill", "blue");
canvas.selectAll("text")
.data(data)
.enter()
.append("text")
.attr("fill", "#ffffff")
.attr("y", function (d,i)
{
return i * 80 + 30;
})
.attr("x", 5)
.text(function (d)
{
return d.name + " rank: " + d.rank;
})
})
}
JSON文件由名称,演员,描述和排名组成,它应显示基于排名的条形图。
{"name": "Deadshot", "actor": "Will Smith", "rank": 100, "description": "An expert marksman and assassin."},
整个控制台都是空的。它在本地Apache服务器上运行。
为什么数据不出现的任何想法?