Codepen.io：无法在d3.csv中执行console.log

编程问答 2022-06-10

问题描述

我正在尝试使用csv中的d3来读取codepen.io数据，尽管它正在{{ 1}}：

console.log('hello')

我当然添加了d3.csv()。 d3.csv("http://learnjsdata.com/data/expenses.csv",function(data) { console.log(data) }) 怎么了？如何使其正常工作？

在d3 cdn模式下，我看到codepen.io不喜欢debug被加载到codepen.io上。

解决方法

我认为这取决于您使用的d3版本。在d3 v6中，它们从签名d3.csv(<file>,<callback>)更改为a promise structure：

d3.csv("http://learnjsdata.com/data/expenses.csv").then(function(data) {
    console.log(data)
}).catch(function(error) {
    console.log(error)
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.0.0/d3.min.js"></script>

codepen