2016-12-07 92 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));`