我正在尝试从 D3 中的 CSV 文件加载数据;我有这段代码:
function update (error, data) {
if (error !== null) {
alert ("Couldn't load the dataset!");
} else {
//do something
};
function changeData () {
d3.csv ("data/dataset.csv", update);
}
如果我使用 D3 v4 它工作正常,但如果我切换到 v5 它就不再工作了。 有人可以向我解释如何修改代码以使其适用于 D3 v5 吗?
最佳答案
d3 v5使用 fetch API 并返回需要以下代码的 promise 。
d3.csv('yourcsv.csv')
.then(function(data) {
// data is now whole data set
// draw chart in here!
})
.catch(function(error){
// handle error
})
以防将来人们想要 v4。 d3 v4另一方面使用 XMLHttpRequest 方法,并且不返回需要此代码的 promise
d3.csv('yourcsv.csv', function(data) {
//whole data set
// draw chart here
})
csv 加载是异步的,因此请确保在 csv 函数中运行您的图表代码。
关于javascript - 如何从 D3 v5 中的 CSV 文件加载数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49599691/