我以.json文件不是從d3.json

訪問這裏是我的腳本來創建一個折線圖。無法從d3.json（）命令訪問json文件。一般來說，我對d3.js是新手，我使用Dimple.js繪製從後端採集數據的圖表。我還從我的文件中列出了下面的json內容。我以.json文件不是從d3.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 } 
]

來源

2014-07-11 user982

您需要運行一個web服務器來訪問本地文件。參見[wiki]（https://github.com/mbostock/d3/wiki）（在「使用」下）。 –

喜拉斯，在我的應用程序具有接在折線圖從後端和顯示數據。什麼是最好的使用方法？我的FileWriter寫入我的webapp /目標/ XYZ/JSON文件夾，而d3.json（）從Web應用程序/ src目錄/ XYZ/JSON讀取。 – user982

如果您使用Chrome，它可能會阻止您打開該文件的正確，因爲cross domain security restrictions。試試看Firefox是否如此（它可能會讓你正確加載文件）。

如果出現這種問題，您將需要安裝本地網絡服務器，如WAMP（如果您正在運行Windows）或遵循wiki頁面here上的說明。

它可以幫助使用相對地址找到您的data1.json文件。如果它與你的html文件在同一個目錄下，那就使用;

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

來源

2014-07-11 19:17:57 d3noob

這是一個很好的信息，我們需要一個正在運行的Web服務器。它爲我工作。現在我試圖找出如何適應4頁圖表在1頁。 – user982

嗯...你可以做[這樣]（http://www.d3noob.org/2013/07/arrange-more-than-one-d3js-graph-with.html）或[使用引導程序（也許是http://www.d3noob.org/2013/07/a-more-complicated-bootstrap-layout.html）。無論哪種方式，你可以得到類似的信息贓物[這裏]（https://leanpub.com/D3-Tips-and-Tricks/read）。 – d3noob

非常感謝，當我到達它時，會嘗試引導邏輯。 – user982

我以.json文件不是從d3.json

回答

相關問題