Question

这是我创建折线图的脚本。无法从d3.json（）命令访问json文件。我是d3.js的新手，我正在使用Dimple.js绘制从后端挑选数据的图表。我还从我的文件中列出了下面的json内容。

var svg = dimple.newSvg("#charts", 800, 600);

d3.json("C:/dev/reports/data1.json", function (jsonfile) {    

    // Create a new chart object based on this data and svg
    var myChart = new dimple.chart(svg, data);      

    myChart.addCategoryAxis("x", "Word");
    myChart.addMeasureAxis("y", "Awesomeness");
    myChart.addSeries(null, dimple.plot.line);
    myChart.draw();

});

JSON内容：

[
    { "Word":"Hello", "Awesomeness":2000 },
    { "Word":"World", "Awesomeness":3000 }
]

Answer 1

如果您正在使用Chrome，则可能会因cross domain security restrictions而无法正常打开文件。尝试使用Firefox查看是否属于这种情况（可能会让您正确加载文件）。

如果出现问题，您需要安装本地网络服务器，例如WAMP（如果您正在运行Windows）或按照维基页here上的说明操作。

使用相对寻址来查找data1.json文件可能会有所帮助。如果它与你的html文件在同一个目录中，只需使用;

d3.json("data1.json", function (jsonfile) {

无法从d3.json访问我的.json文件

1 个答案: