Неожиданное значение NaN разборе у атрибута

Question

Я нахожу ошибку где-то здесь:

d3.csv("Sales Export Friendly 2-14-2017.csv", function(data) {  
    var sales = [] 
    sales = data.map(function(d) { return [ +d["BookingID"], +d["Total Paid"] ]; }); 

    var x = d3.scaleBand() 
     .domain(sales.map(function(sale){ return sale.bookingID; })) 
     .range([0, width]) 
     .paddingInner([0.1]) 

    var y = d3.scaleLinear() 
     .range([height, 0]) 
     .domain([0, d3.max(sales.map(function(sale){ return sale['Total Paid']; }))]); 

Я считаю, что это что-то делать с первым отображением, который возвращает мне массив числовых массивов, я думаю.

Answer 1

Как известно, sales представляет собой массив массивов, он не содержит объектов.

Это, как говорится, это должно быть:

x.domain(sales.map(function(sale){ return sale[0]; })); 
//index of the element in the inner array------^ 

И:

y.domain([0, d3.max(sales, function(sale){ return sale[1];})]); 
//index of the element in the inner array--------------^ 

Вот демо с этой фальшивке данных:

bookingID,totalPaid 
1,23 
2,19 
3,42 
4,61 
5,22 

var data = d3.csvParse(d3.select("#csv").text()); 
 

 
var sales = data.map(function(d) { return [ +d.bookingID, +d.totalPaid ]; }); 
 

 
var x = d3.scaleBand() 
 
\t .domain(sales.map(function(sale){ return sale[0]; })); 
 
\t 
 
var y = d3.scaleLinear() 
 
\t .domain([0, d3.max(sales, function(sale){ return sale[1];})]); 
 

 
console.log("x scale domain: " + x.domain()); 
 
console.log("y scale domain: " + y.domain());

pre{ 
 
    display:none; 
 
}

<script src="https://d3js.org/d3.v4.min.js"></script> 
 
<pre id="csv">bookingID,totalPaid 
 
1,23 
 
2,19 
 
3,42 
 
4,61 
 
5,22</pre>