无法使用d3.js加载外部json文件

我想加载外部json文件并将其与d3.js结合使用，但似乎无法加载（我无法在浏览器中看到us-states.json文件）该文件，我找不到任何相关的错误。这里是我的代码： -无法使用d3.js加载外部json文件

我收到此错误： - ActionController::RoutingError (No route matches [GET] "/us-states.json"):

$(document).ready(function() { 
         //Width and height 
     var w = 500; 
     var h = 300; 

     //Define map projection 
     var projection = d3.geo.albersUsa() 
          .translate([w/2, h/2]) 
          .scale([500]); 

     //Define path generator 
     var path = d3.geo.path() 
        .projection(projection); 

     //Create SVG element 
     var svg = d3.select("#testing") 
           .append("svg") 
           .attr("width", w) 
           .attr("height", h); 

     //Load in GeoJSON data 
     // json = JSON.parse("us-states.json"); 
     // var json = {"my": "json"}; 
     d3.json("us-states.json", function(error, json) { 
       if (error) return console.warn(error); 
       //Bind data and create one path per GeoJSON feature 
       svg.selectAll("path") 
        .data(json.features) 
        .enter() 
        .append("path") 
        .attr("d", path) 
        .style("fill", "steelblue"); 

     }); 
});

文件US-state.json是在我的javascript文件是同一个文件夹。

更新

错误在JavaScript控制台是这样的： -

Failed to load resource: the server responded with a status of 404 (Not Found)

在文件US-states.json

附截图显示的文件是在项目文件夹： - enter image description here

来源

2013-11-01 Dev R

你是什么意思“它似乎并没有加载”？ –

@LarsKotthoff我的意思是我无法在浏览器中看到us-states.json文件 –

这意味着它不在那里。仔细检查您是否已将其上传到正确的地方。 –

该代码在哪个文件中？ index.html（或某些等价物？）

您在使用json文件显示的文件夹中没有任何网络文件。 json文件需要与名为javascript的页面位于相同的文件夹中，与d3.js不在同一文件夹中因此，假设您的web文件位于您的根目录，您称之为d3-project，那么正确的路径是：app/assets/javascripts/us-states.json

此外，它是一个内部文件，因为您已经在服务器上拥有它。外部意味着你正在打一个非你自己的网络服务器并下载它。

来源

2013-11-02 22:08:56

代码在home.html中，我试图给路径，但它没有工作 –

您也可以将us-states.json文件粘贴到您的公共文件夹中，并将其视为本地文件夹（即保留您的代码原样）。

在一个Rails应用程序的一个D3地图的例子来看看这个： https://github.com/lisafeather/map_in_app

来源

2013-12-11 00:12:29

无法使用d3.js加载外部json文件

回答

相关问题