使用d3在javascript中读取csv并分配给变量

时间:2017-11-18 21:46:32

标签: javascript csv d3.js

我在csv中有一些数据,我想用d3(版本4)读取,分配给全局变量。我在网上找到的所有示例(herehere)都在csv中读取,然后将结果打印到控制台。

所以,如果我跑:

d3.csv("mydata.csv", function(data) {
  console.log(data[0]);
});

或者

d3.csv("mydata.csv", function(d) {
  return {
    country : d.country,
    month : d.month,
    count : +d.count
  };
}, function(data) {
  console.log(data[0]);
});

我得到了我的csv文件的第一行。

但是,如果我尝试运行类似的脚本并将结果写入变量,即:

var mydata = d3.csv("mydata.csv");

或者

var mydata = d3.csv("mydata.csv", function(d) {
  return {
    country : d.country,
    month : d.month,
    count : +d.count
  };
}, function(data) {
  console.log(data[0]);
});

并尝试检查控制台中的变量mydata,我给出了方法列表,而不是实际数据。即,

enter image description here

我做错了什么?如何将csv中的数据分配给全局变量,以便最终将其用于可视化?我想我对同步解决方案很感兴趣,所以我愿意不使用d3.csv(),如果还有其他函数,只需读入数据并将其分配给全局变量。

0 个答案:

没有答案