Javascript 在D3V5的npm版本中使用csv文件
我正在做一个react项目,使用d3。我已经使用npm在我的项目中安装了d3模块。我有版本5.9.2的d3目前在我的项目。我有一个csv文件,我想在d3中使用。我尝试过寻找一种使用它的方法,但对于同一个资源,我甚至都找不到。每个帖子都使用csv文件,如下所示:Javascript 在D3V5的npm版本中使用csv文件,javascript,reactjs,csv,d3.js,npm,Javascript,Reactjs,Csv,D3.js,Npm,我正在做一个react项目,使用d3。我已经使用npm在我的项目中安装了d3模块。我有版本5.9.2的d3目前在我的项目。我有一个csv文件,我想在d3中使用。我尝试过寻找一种使用它的方法,但对于同一个资源,我甚至都找不到。每个帖子都使用csv文件,如下所示: d3.csv("sp500.csv", type, function(error, data) { if (error) throw error; //do something here } 但是我安装的模块中没有任何
d3.csv("sp500.csv", type, function(error, data) {
if (error) throw error;
//do something here
}
但是我安装的模块中没有任何名为d3.csv的模块。我所拥有的就是d3 dsv
目前我正试图以这种方式使用它
import {dsvFormat, csvParse, csvParseRows, csvFormat, csvFormatBody, csvFormatRows} from 'd3-dsv'
csvFormat("sp500.csv", this.type.bind(this), function(error, data) {
console.log("data is")
//do something here
}
但我在这里运气不好。似乎csvFormat不是d3.csv的等效功能。如何使用csv文件 如果使用d3,则d3.csv语法来自旧版本。在最新版本中,D3使用fetch下载资源,并且
D3.csv
(以及其他类似方法,如D3.json
和D3.text
)语法更改为类似于fetch
语法:
let url=”https://raw.githubusercontent.com/oncletom/coursera-ml/master/week-1/people-example.csv";
d3.csv(url)。然后(数据=>{
console.log(数据)
}).catch(错误=>{
控制台错误(错误)
})
如果是d3,则d3.csv语法来自旧版本。在最新版本中,D3使用fetch下载资源,并且D3.csv
(以及其他类似方法,如D3.json
和D3.text
)语法更改为类似于fetch
语法:
let url=”https://raw.githubusercontent.com/oncletom/coursera-ml/master/week-1/people-example.csv";
d3.csv(url)。然后(数据=>{
console.log(数据)
}).catch(错误=>{
控制台错误(错误)
})
它不是从'd3 dsv'导入
,它应该是从'd3 fetch'导入
。像这样从“d3 fetch”导入{csv}?它不是从'd3 dsv'导入
,它应该是从'd3 fetch'导入
。像这样从“d3 fetch”导入{csv}?