错误：<rect>属性width =＆＃34; NaN＆＃34;的值无效6d3.v3.min.js：1错误：<text>属性的值无效x =＆＃34; NaN＆＃34; </text> </rect>

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)

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