無法從d3.json訪問我的.json文件

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瀏覽器，則可能會由於跨域安全限制而導致您無法正確打開文件。 嘗試使用Firefox來查看情況是否正確（它可能會讓您正確加載文件）。

如果是這樣的問題，你會想安裝像本地Web服務器WAMP的維基頁面上（如果你運行的是Windows）或按照指示在這里 。

使用相對尋址來找到您的data1.json文件可能會有所幫助。 如果與您的html文件位於同一目錄中，請使用；

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