D3 / Javascript代碼難題？

Question

我有以下代碼：

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變量完全一樣。 有人可以幫忙嗎？

Answer 1

我認為您的問題是您有兩個名為“ cancelledByAirport”的變量。 在d3.csv（...）下面聲明一個，在foreach（）中聲明另一個。

解決方案是為這些變量使用不同的名稱，或者擺脫其中之一。

請查看關於這兩個變量的代碼，並告訴我們您的發現。