d3.js 无法装入具有D3承诺的csv

ztmd8pv5  于 2022-11-12  发布在  其他
关注(0)|答案(1)|浏览(159)

我从这里加载d3:

<script src="https://d3js.org/d3.v7.min.js"></script>

然后尝试加载本地csv文件:(部分代码)

d3.csv("data.csv").then(function (data) {
            // format the data
            data.forEach(function (d) {
                d.date = parseTime(d.date);
                d.close = +d.close;
            });

但在VS代码控制台中获得以下代码:

Uncaught TypeError TypeError: Failed to fetch
    at ec (d3js.org/d3.v7.min.js:2:99951)
    at <anonymous> (d3js.org/d3.v7.min.js:2:100075)
    at <anonymous> (c:\Users\coder\OneDrive\Documents\d3\index.html:40:12)
    --- Promise.then ---
    at <anonymous> (c:\Users\coder\OneDrive\Documents\d3\index.html:40:29)

csv与提供的html文件位于同一目录中。

zphenhs4

zphenhs41#

1.使用斜线表示根路径"/data.csv"
1.使用try / catch进行异常处理

try {
  const data = await d3.csv("/data.csv");
  data.forEach(...);
}
catch(err) {
  console.log(err.message);
}

相关问题