2016-12-07 90 views
0

下面的代碼給我楠,而我試圖繪製使用D3js越來越楠D3 JS y功能

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)); }); 

圖按照詳細的堆棧跟蹤

y(parseInt(d.value)) 

是扔我認爲NaN despie我傳遞一個整數存儲在d.value中的事實。

任何建議。

+0

'返回X(d.key)'是d3v4。確保你使用的是正確的腳本版本。 – philantrovert

+0

你能發佈更多的上下文嗎?什麼是x和y功能? (我不是D3專家,我看不到任何D3文檔列出了他們可用的上下文)。 – Dai

+0

此外,請發佈實際的堆棧跟蹤,而不僅僅是調用站點。 – Dai

回答

-2

這將工作

`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));`