在D3.js V5中解析并上传一个csv文件 [英] Parse and upload a csv file in D3.js V5
本文介绍了在D3.js V5中解析并上传一个csv文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
Murray(2017)建议使用以下代码加载csv文件并解析Dign.js V4列.此代码在V5中不再起作用.如何对其进行重组才能正常工作?谢谢
Murray (2017) suggests the following code for loading a csv file and parsing columns usign D3.js V4. This code no longer works in V5. How can it be restructured in order to work? Thanks
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>D3: Line chart</title>
<script type="text/javascript" src="/../../d3.js"></script>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript">
var dataset;
//Function for converting CSV values from strings to Dates and numbers
var rowConverter = function(d) {
return {
date: new Date(+d.year, (+d.month - 1)), //Make a new Date object for each year + month
average: parseFloat(d.average) //Convert from string to float
};
}
//Load in data
d3.csv("mauna_loa_co2_monthly_averages.csv", rowConverter, function(data) {
var dataset = data;
//Print data to console as table, for verification
console.table(dataset, ["date", "average"]);
}
推荐答案
对于v5, d3-fetch 是您的朋友,因为已弃用 d3-request .
For v5, d3-fetch is your friend as d3-request has been deprecated.
例如:
d3.csv("/path/to/file.csv", rowConverter).then(function(data){ do whatever })
这篇关于在D3.js V5中解析并上传一个csv文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文