错误：的值无效 <rect> 属性width =“ NaN” 6d3.v3.min.js：1错误：的值无效 <text> 属性x =“ NaN”

Question

    bar.append("rect")
  .attr("width", x)
  .attr("height", barHeight - 1);

bar.append("text")
   .attr("x", function(d) { return x(d) - 3; })
   .attr("y", barHeight / 2)
   .attr("dy", ".35em")
   .text(function(d) { return d; });

嗨，我是D3图表的新手。 现在，我正在尝试d3.com提供的许多教程。 现在，当尝试制作svg条形图时，标题中显示了2个错误。 有谁可以帮助我吗？

Answer 1

我将宽度设置为NaN时遇到了类似的问题。 您需要检查是否正确设置了x变量。 尝试将console.log(x)粘贴到此行上方：

.attr("width", x)

并在浏览器的开发工具中检查控制台。