javascript - d3.js 中从 CSV 到 JSON 的转换

Question

我在将 CSV 转换为 JSON 时遇到困难。下面是我尝试转换的代码

d3.csv("http://localhost:8080/Sample/flight.csv", function(flights) {           
                //alert(flights);
              var linksByOrigin = {},
                  countByAirport = {},
                  locationByAirport = {},
                  positions = [];

              var arc = d3.geo.greatArc()
              .source(function(d) { return locationByAirport[d.source]; })
              .target(function(d) { return locationByAirport[d.target]; }); 

              //reading from csv
                flights.forEach(function(flight) {
                var origin = flight.origin,
                    destination = flight.destination,
                    links = linksByOrigin[origin] || (linksByOrigin[origin] = []);
                links.push({source: origin, target: destination});
                countByAirport[origin] = (countByAirport[origin] || 0) + 1;
                countByAirport[destination] = (countByAirport[destination] || 0) + 1;
              });   

});

至

d3.json("http://localhost:8080/Sample/flight.json", function(flights) {             
                //alert(flights);
              var linksByOrigin = {},
                  countByAirport = {},
                  locationByAirport = {},
                  positions = [];

              var arc = d3.geo.greatArc()
              .source(function(d) { return locationByAirport[d.source]; })
              .target(function(d) { return locationByAirport[d.target]; }); 

              var flights = flights.flights;
              alert("flights"+flights.length);
           for(var i = 0; i < flights.length; i++)    {    
               alert("origin"+flights[i].origin+"dest"+flights[i].destination);
                 var origin = flights[i].origin;
            var  destination = flights[i].destination;
          alert("origin"+origin+"dest"+destination)
                var links = linksByOrigin[origin] || (linksByOrigin[origin] = []);
                links.push({source: origin , target: destination});
                countByAirport[origin] = (countByAirport[origin] || 0) + 1;
                countByAirport[destination] = (countByAirport[destination] || 0) + 1;   
           }
});

它给了我 19:15:41.950 TypeError: _ is undefined1 d3.v2.js:1982:10
当我使用 json 代码时。请告诉我转换时我做错了什么。

Answer 1

我需要查看您的 json 对象以获取更多信息，但基于以下假设，您的 csv 返回一个对象数组:

[{origin: 'origin string', destination: 'destination string'} ... ]

如果你的 json 存储如下:

{flights: [{origin: 'origin string', destination: 'destination string'}, ...]}

那么你的代码应该可以工作。如果您的 json 格式不同，如果您可以上传示例 csv 和 json 文件，我可以给您更好的答案。

很难说这个错误出了什么问题，但我猜你的 json 文件中没有设置航类变量。