【问题标题】:Importing data from two csv files using d3js使用 d3js 从两个 csv 文件导入数据
【发布时间】:2014-04-03 12:07:29
【问题描述】:

考虑这个小提琴链接FIDDLE。在这个例子中,我想使用一个 csv 文件来加载第 33-[data.csv] 行的数据和第 158-[data1.csv] 行的数据。我想使用两个单独的 csv 文件。我尝试使用此代码在第 33 行使用 csv 文件获取数据

 d3.csv("data.csv", function(csvData) {

csvData.forEach(function (d,i) {
    data[i] = {
      first: +d.first, 
      second: +d.second
    } 
});
console.log(data);

我能够得到一个输出,但图表已经远离彼此,出现以下错误:Unexpected value NaN parsing cy attribute。如何使用两个单独的 csv 文件以有效的方式加载两个数据集?

【问题讨论】:

  • 您必须使用d3.csv 两次。
  • 是的 Lars,但是图表向下移动了,即顶部的图表与底部图表相距一定的空白空间,出现此错误:Unexpected value NaN parsing cy attribute.
  • 我在你的 jsfiddle 中没有看到。
  • 当我在浏览器中执行时,如何在 jsfiddle 中使用 csv 文件?
  • 您可以使用plnkr.co 之类的东西,它允许您拥有多个文件。

标签: javascript jquery html csv d3.js


【解决方案1】:

希望这是这个不断发展的项目中的最后一个plunker :)(这里的许多 csv 工作都是由伟大的 Lars 指导的……像往常一样,他受到了很多赞誉。)

Updated plunker 顶部图表中的数据来自 datam.csv。

【讨论】:

  • FernOfTheAndes data.csv 正在正确加载,而 datam.csv 未加载,即顶部的图表正在获取 data.csv 本身的值。我希望顶部的图表采用 datam.csv 值。
  • @user3438326 是的,data(datam) 是解决这个问题的方法。我已经用修改后的 plunker 更新了响应。见上文。
  • FernOfTheAndes 非常感谢。你太棒了:)
  • FernOfTheAndes - 考虑一下这个 plunker plnkr.co/edit/QPpzfkyd7FMdPuA312Aq?p=preview。在这个 plunker 中,我又添加了一个文件 datan.csv,还在 data.csv-named 第三列中添加了一列。我希望根据 data.csv 文件中的枚举顺序绘制图表,在 data.csv 文件中,第一个表示 X 轴,第二个表示 Y 单位数,第三个表示应根据枚举顺序排序的文本数据。如何做到这一点?
  • FernOfTheAndes 你能帮忙解决这个问题stackoverflow.com/questions/22861768/… 吗?
猜你喜欢
  • 2019-02-21
  • 2015-06-30
  • 2016-06-09
  • 1970-01-01
  • 2019-06-22
  • 1970-01-01
  • 2015-02-22
  • 1970-01-01
相关资源
最近更新 更多