2016-12-07 7 views
0

Code unten immer gibt mir Nan, während ich eine Grafik zu zeichnen versuchen mit D3jsNaN in D3 js Y Funktion

g.selectAll(".bar") 
.data(data) 
.enter().append("rect") 
.attr("class", "bar") 
.attr("x", function(d) { return x(d.key); }) 
.attr("y", function(d) { return y(parseInt(d.value/10000)); }) 
.attr("width", x.bandwidth()) 
.attr("height", function(d) { console.log(d); return height - y(parseInt(d.value)); }); 

gemäß detailliertem Stack-Trace

y(parseInt(d.value)) 

wirft mir ein NaN despie die Tatsache, dass ich einen Integer übergebe, der in d.value gespeichert ist.

irgendwelche Vorschläge.

+0

'return x (d.key)' ist in d3v4. Stellen Sie sicher, dass Sie die richtige Skriptversion verwenden. – philantrovert

+0

Können Sie mehr Kontext posten? Was sind die 'x' und' y' Funktionen? (Ich bin kein D3-Experte und kann keine D3-Dokumentation sehen, in der aufgelistet ist, in welchen Kontexten sie verfügbar sind). – Dai

+0

Bitte posten Sie auch die eigentliche Stack-Trace, nicht nur die Call-Site. – Dai

Antwort

-2

Diese

arbeiten
`g.selectAll(".bar") 
    .data(data) 
    .enter().append("rect") 
    .attr("class", "bar") 
    .attr("x", function(d) { return d.key; }) 
    .attr("y", function(d) { return parseInt(d.value/10000); }) 
    .attr("width", x.bandwidth()) 
    .attr("height", function(d) { console.log(d); return height -  y(parseInt(d.value));`