在 d3 v5 的 npm 版本中使用 csv 文件

Question

我正在开发一个 react 项目并使用 d3。我已经使用 npm 在我的项目中安装 d3 模块。我的项目中目前有 d3 的 5.9.2 版本。我有一个 csv 文件，我想在 d3 中使用它。我曾尝试寻找一种使用它的方法，但甚至无法获得相同的资源。每个帖子都使用这样的 csv 文件：

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 文件？

Answer 1

如果是 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).then(data => {
  console.log(data)
}).catch(error => {
  console.error(error)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>