無法加載d3.js中的Json文件

我正在使用d3.js庫開發解決方案，當我們點擊圓時它應該放大並且數據需要在圓內顯示。無法加載d3.js中的Json文件

作爲第一步我試圖從Json文件加載數據。

以下是json文件的內容，我使用的是Visual Studio 2012。

mydata.json

[{ 「Name」：「拉維」，「年齡」：25}，{ 「名」：「阿曼」，「年齡」：29}]

兩個。 html文件和.json文件位於同一個文件夾中，但仍然出現錯誤。

線：5734 錯誤：無法獲得屬性的值 '孩子'：對象爲空或未定義

下面是腳本：

var canvas = d3.select("body").append("svg") 
       .attr("width", 500) 
        .attr("height", 500); 

    d3.json("mydata.json", function (data) { 
     var treemap = d3.layout.treemap() 
     .size([500, 500]) 
     .nodes(data) 
     console.log(treemap); 

    }); 

</script>

注：我是隻是試圖加載文件並使用佈局樹圖。

感謝

來源

2013-07-11 user2573216

爲了獲得正在發生的事情的一個更好的主意，要麼使用debugger; +一個dev console或添加更多的日誌記錄：

d3.json("mydata.json", function (error, data) { 
    console.log(error); 
    console.log(data); 
    var treemap = d3.layout.treemap() 
     .size([500, 500]) 
     .nodes(data) 
    console.log(treemap); 
});

主機中的文件與python -m SimpleHTTPServer並導航到127.0.0.1:8000記錄以下在我的電腦上：

null 
[{"name":"Ravi","age":25},{"name":"aman","age":29}] 
[[{"name":"Ravi","age":25},{"name":"aman","age":29}]]

這讓我覺得你沒有訪問t他通過服務器文件;我會嘗試做that。

來源

2013-07-11 17:06:01

作爲一項快速測試，Firefox *可能*讓您在沒有服務器的情況下加載本地文件，但亞當建議使用服務器仍然有效。 – d3noob

嗨，亞當，感謝您的回覆，我正在本地主機上運行html頁面：http：// localhost：53496/ZoomExample.html – user2573216

無法加載d3.js中的Json文件

回答

相關問題