【问题标题】:Bar Chart D3.js Error: Invalid value for <rect> attribute条形图 D3.js 错误:<rect> 属性的值无效
【发布时间】:2013-07-07 11:13:47
【问题描述】:

我正在尝试实现 Mbostock 的条形图 (http://bl.ocks.org/mbostock/3885304),将其复制粘贴到此处:http://bl.ocks.org/jcahan/6befca00bfaab1e731b6。但是,正如您通过单击链接所看到的那样,图表没有正确加载。控制台将错误识别为:

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

我看不出我们的代码有何不同。我怀疑我有可能没有在 gist 中正确创建 data.tsv 文件,但我可能弄错了。

【问题讨论】:

  • 您的 TSV 的标题似乎由两个空格而不是制表符分隔。
  • 嗨@LarsKotthoff,我尝试使用“制表符”,但它会自动设置为两个空格。你会如何建议我用空格来解决这个问题?
  • 这完全取决于您使用的文本编辑器。但是,您可以直接使用示例中的 TSV 文件。
  • 我把他的要点复制粘贴到我的来测试它。
  • 你可以直接下载 TSV 文件。

标签: javascript jquery d3.js bar-chart


【解决方案1】:

当您复制 TSV 文件时,分隔两个标题的制表符被替换为两个空格。修复该问题后,您需要在 Gist 中替换该文件。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-06-28
    • 1970-01-01
    • 2013-08-18
    • 1970-01-01
    • 1970-01-01
    • 2014-11-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多