將json代碼集成到d3 html文件中

Question

我正在從以下鏈接測試桑迪圖表： https ://gist.github.com/d3noob/c2637e28b79fb3bfea13

但是我只能在 Firefox 中看到圖表，在 Chrome 中看不到。 我懷疑是因為 Chrome 不允許從外部文件訪問數據。

因此，我正在嘗試集成 json 代碼，但是當我嘗試時，圖表沒有顯示在 Firefox 中

我添加了一個包含所有 json 代碼的變量，例如：

var dataset = {"nodes":[{"node":0,"name":"node0"},{"node":1,"name":"node1"},{"node":2,"name":"node2"},{"node":3,"name":"node3"},{"node":4,"name":"node4"}],"links":[{"source":0,"target":2,"value":2},{"source":1,"target":2,"value":2},{"source":1,"target":3,"value":2},{"source":0,"target":4,"value":2},{"source":2,"target":3,"value":2},{"source":2,"target":4,"value":2},{"source":3,"target":4,"value":4}]};

我已經替換了這行代碼：

d3.json("sankey-formatted.json", function(error, graph) {

對於這個（只需用數據集變量替換文件名）：

d3.json(dataset, function(error, graph) {

,,, 但不是圖表沒有顯示。 有什么想法為什么桑基圖沒有顯示？

謝謝

Answer 1

您面臨的問題是d3.json ...

...返回一個新請求，以使用默認的 mime 類型 application/json 在指定的 url 處獲取 JSON 文件。

話雖如此，解決方案比您想象的要簡單：因為您已經有了一個包含所有數據的變量，只需將其命名為graph （您的d3.json函數加載文件並填充名為graph的數據數組）：

var graph = {"nodes":[{"node":0,"name":"node0"},...

並刪除d3.json函數，不要忘記刪除d3.json花括號/圓括號：

d3.json("sankey-formatted.json", function(error, graph) {//remove this...

    //your function

});//...and don't fortget to remove this too.