條形圖D3.js錯誤：<rect>屬性的值無效

我試圖實現Mbostock的條形圖（http://bl.ocks.org/mbostock/3885304），從字面上將它複製粘貼到此處：http://bl.ocks.org/jcahan/6befca00bfaab1e731b6。但是，正如您通過單擊該鏈接所看到的那樣，該圖表無法正確加載。該控制檯標識的錯誤是：條形圖D3.js錯誤：<rect>屬性的值無效

Error: Invalid Value for <rect> attribute y = "NaN" 
Error: Invalid value for <rect> attribute height="NaN"

我不明白我們的代碼是如何不同的。我懷疑是否有機會在要點內沒有正確創建data.tsv文件，但我可能弄錯了。

TSV的標題似乎被兩個空格分隔，而不是標籤。 –

hi @LarsKotthoff，我試圖使用「標籤」，但它自動設置爲兩個空格。你會如何推薦我用空格解決這個問題？ – NumenorForLife

完全取決於您使用的文本編輯器。但是，您可以直接使用示例中的TSV文件。 –

當您複製TSV文件時，分隔兩個標題的選項卡被替換爲兩個空格。修復之後，您需要在Gist中替換該文件。

2013-07-09 18:54:38

回答