【问题标题】:NVD3 Sparkline not rendering correctly from CSV fileNVD3 Sparkline 无法从 CSV 文件正确呈现
【发布时间】:2013-07-23 17:58:23
【问题描述】:

我正在尝试将 NVD3 与 d3.js 一起使用来制作简单的迷你图。我已经成功地创建了几个带有 .csv 数据的迷你图,但是当我尝试使用不同的数据集时,它给出了一个看起来很奇怪的迷你图。见here。如果我将第一个数据值从 92 更改为 0,它将成功显示迷你图。

这是 NVD3 中的错误还是我做错了什么?

【问题讨论】:

  • 问题可能出在您尝试传递的新数据集上,如果您可以用数据更新问题,有人将能够提供帮助。
  • 数据在我上面提供的链接中(this link
  • 我看到你正在将 data 传递给 datum() ,当你传递它时 data 看起来如何?我希望看到这一点,而不是 CSV 表示。
  • 啊,我明白了!数据是 [{x: , y: "92"}, ...]。我需要将 y 更改为数字,而不是字符串!

标签: javascript csv d3.js nvd3.js sparklines


【解决方案1】:

问题在于 y 值是字符串。我变了

monthlyData.push({x: data[i].Month, y: data[i].Data});

monthlyData.push({x: data[i].Month, y: +data[i].Data});

使 y 值变成一个数字。这里是the updated version

【讨论】:

  • 它不允许发布问题的人在 24 小时后接受自己的答案...
猜你喜欢
  • 2017-09-10
  • 1970-01-01
  • 2014-03-19
  • 2015-03-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多