请咨询D3.js CSV数据导入 [英] Please advice D3.js for CSV data import

查看:263
本文介绍了请咨询D3.js CSV数据导入的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我尝试使用D3.js导入CSV数据。

I am trying to import CSV data with using D3.js.

var englishArray="";
d3.csv("data.csv",
    function(d) {
        return [d.value]
    },
    function(error, data) {
var englishArray =data;            
console.log(data);
    }
);

我想从CSV文件获取数据,

I want to get data from CSV file, which is

value
I am Kevin.
I am cute.
I am OK.

顺便说一下,js文件中的原始数据是

BY the way, original data in js file is

var englishArray =[ "I am Kevin."," I am cute.","I am OK."];

我想将所有的值数据放入englishArray,但
不起作用。
我很感激,如果你告诉我什么问题是。
感谢。

I want to put all value data into englishArray but it does not work. I am appreciate if you advise me what the problems are. Thanks.

推荐答案

此处是描述如何在d3.js中导入csv文件的示例。

Here is the example which describe how to import csv file in d3.js.

CSV文件

Year,Make,Model,Length
1997,Ford,E350,2.34
2000,Mercury,Cougar,2.38

JavaScript数组

JavaScript Array is

[
  {"Year": "1997", "Make": "Ford", "Model": "E350", "Length": "2.34"},
  {"Year": "2000", "Make": "Mercury", "Model": "Cougar", "Length": "2.38"}
]

使用d3.js导入CSV数据的代码

Code to import CSV data using d3.js

d3.csv("example.csv", function(d) {
  return {
    year: new Date(+d.Year, 0, 1), // convert "Year" column to Date
    make: d.Make,
    model: d.Model,
    length: +d.Length // convert "Length" column to number
  };
}, function(error, rows) {
  console.log(rows);
});

这篇关于请咨询D3.js CSV数据导入的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆