從外部JSON獲取數據在D3.js中的問題

-2

我試圖從外部JSON文件加載一些數據，將它們放到工具提示中，但出現了一些問題，我找不到它。我的JSON看起來是這樣的：從外部JSON獲取數據在D3.js中的問題

{ 
    "results": [ 
     { 

     "name": "First Candidate", 
     "result": 52, 
     "victory": "winner", 
     "region": "First region", 
     "constituencyName": "First constituency", 
     "constituencyNumber": 1, 
     "partyName": "Ruling party", 
     "partyShort": "PR", 
     "partyStatus": "Right" 
     }, 
     { 
     "name": "Second Candidate", 
     "result": 48, 
     "victory": "looser", 
     "region": "First region", 
     "constituencyName": "First constituency", 
     "constituencyNumber": 1, 
     "partyName": "Opposition party", 
     "partyShort": "OP", 
     "partyStatus": "Left" 
     } 
    ] 
}

這是我的代碼，我想獲取的數據部分：

d3.json("test_json.json", function(error, data) { 
    dataViz(data.results); 
});

這裏是的jsfiddle的完整代碼：http://jsfiddle.net/anton9ov/v1rz2vfu/

來源

2016-08-31 Anton

test_json.json不在路徑中。錯誤：'status：404; statusText：「NOT FOUND」;'這樣做是爲了查看錯誤：'d3.json（「test_json.json」，function（error，data）{console.log（error）; \t //dataViz(data.results ）; }）;' –

你必須使用完整的地址爲json'd3.json（「https://dl.dropboxusercontent.com/u/23920803/infographics/2016/2016.08.29_elections_results/my_files/test_json/ test_json.json「，函數（錯誤，數據）{ \t dataViz（data.results）; }）;' – Craicerjack

只需一個附加信息：一個不必使用'd3.json'上的完整地址，它也接受相對路徑。 –

使用json的完整地址：http://jsfiddle.net/thatOneGuy/v1rz2vfu/15/

d3.json("https://dl.dropboxusercontent.com/u/23920803/infographics/2016/2016.08.29_elections_results/my_files/test_json/test_json.json", function(error, data) { 
    dataViz(data.results); 
});

來源

2016-08-31 15:43:40 thatOneGuy

'd3.json'也接受相對路徑，只要它是正確的，當然。 –

從外部JSON獲取數據在D3.js中的問題

回答

相關問題