javascript - 使用 d3.js v.4 加载 csv 文件
问题描述
我是 d3 和 javascript 的新手,无法解决以下问题。
我正在尝试使用 d3.csv 加载 csv 文件,但遇到了问题。
d3.csv("data2.csv")
.row(function (d){
return {
ax: Number(d.ax.trim().slice(1)),
ay: Number(d.ay.trim().slice(1))
};
})
.get(function (error, data){
console.log(data)
});
我的 csv 文件是
ax,ay,az
1,40,50
2,41,49
3,39,52
4,35,49
5,34,46
6,33,45
7,32,42
8,30,40
9,29,32
10,27,26
console.log
正在给我以下内容:
(10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, columns: Array(3)]
0 : {ax: 0, ay: 0}
1 : {ax: 0, ay: 1}
2 : {ax: 0, ay: 9}
3 : {ax: 0, ay: 5}
4 : {ax: 0, ay: 4}
5 : {ax: 0, ay: 3}
6 : {ax: 0, ay: 2}
7 : {ax: 0, ay: 0}
8 : {ax: 0, ay: 9}
9 : {ax: 0, ay: 7}
结果为ax
0,这是不正确的,ay
显然也是不正确的。我怎样才能得到正确的数字,存储在一个数组中,以便我可以继续使用 d3.js 版本 4 绘制数据?
解决方案
试试这个
d3.csv("/data/employees.csv")
.row(function(d) {
return {
age: d.age,
name: d.name.toUpperCase() // converting name to upper case
};
})
.get(function(data) {
console.log(data);
});
推荐阅读
- c# - 使用 C# 在 MySQL DB 中插入来自 JSON 响应的 DateTime
- mysql - 在 Wordpress 中使用 NOT IN 和 NOT BETWEEN 查询的问题
- apache-spark - 指定字符串长度超过 256 的 pyspark 数据帧模式
- javascript - TypeError:超级表达式必须为空或函数
- openxml - OpenXML - 将书签应用于 Word 文档中的段落
- tensorflow - 损失函数中的张量流投影?
- python - 在 Python (2.7.12) ctypes 中返回一个数组:第一次运行时结果不正确,从第二次运行开始没问题
- r - 如何通过时间戳创建唯一键
- postgresql - 插入分区表时 postgresql 中的错误代码 23514
- android - 是否可以创建自定义应用程序模板