錯誤：的值無效 <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)

並在瀏覽器的開發工具中檢查控制台。