D3 / Javascript代码难题?

时间:2015-09-21 03:04:52

标签: javascript d3.js

我有以下代码:

d3.csv("flights-airport_3.csv", function(flights) {

var linksByOrigin = {},
  countByAirport = {},
  cancelledByAirport = {},
  locationByAirport = {},
  positions = [];

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

flights.forEach(function(flight) {
var origin = flight.origin,
    destination = flight.destination,
    count_airport = flight.count,
    cancelledByAirport = flight.count_cancelled,
    links = linksByOrigin[origin] || (linksByOrigin[origin] = []);
links.push({source: origin, target: destination});

我的航班数据数组如下所示:

0:对象 "":"" 数:" 9" count_cancelled:" 0" 目的地:" IAD" 来源:" ALB"

出于某种原因,我的cancelledByAirport是空的?我不确定为什么因为我将它与我的countByAirport变量完全相同。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

我认为你的问题是你有两个名为" cancelledByAirport"的变量。一个在d3.csv(...)下面声明,另一个在foreach()中声明。

解决方案是给这些变量赋予不同的名称,或者可能摆脱其中一个变量。

请检查有关这两个变量的代码,并告诉我们您找到的内容。