d3.json甚至在本地服务器上也不工作

Question

我有一个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服务器上运行。

为什么数据不出现的任何想法？