使用Javascript将CSV导出为HTML
所以我找到了一些javascript库，可以将csv转换为HTML格式的表：
https://bl.ocks.org/ndarville/7075823
为了测试这一点，我复制了他们的代码，并尝试使用我的csv文件，这不起作用，所以我只是尝试他们的，看看我是否可以产生相同的结果。在浏览器中打开我的index.html时，没有弹出任何内容。我的老师能够打开他的，它产生了同样的东西。然后他将文件压缩并发送给我，我打开了他的文件，但也没有什么效果。我已经尝试从他们的站点导入JS，并在本地下载并运行它。两者都不起作用，所以我开始想这可能是Windows10的错误？
这是他们的代码，可以将以下文件转换为表index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
table {
border-collapse: collapse;
border: 2px black solid;
font: 12px sans-serif;
}
td {
border: 1px black solid;
padding: 5px;
}
</style>
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<!-- <script src="d3.min.js?v=3.2.8"></script>-->
<script type="text/javascript"charset="utf-8">
d3.text("data.csv", function(data) {
var parsedCSV = d3.csv.parseRows(data);
var container = d3.select("body")
.append("table")
.selectAll("tr")
.data(parsedCSV).enter()
.append("tr")
.selectAll("td")
.data(function(d) { return d; }).enter()
.append("td")
.text(function(d) { return d; });
});
</script>
</body>
</html>下面是data.csv文件：
car name,miles/gallon,cylinders,displacement,horsepower,weight,acceleration,model year,origin
"chevrolet chevelle malibu",18,8,307,130,3504,12,70,1
"buick skylark 320",15,8,350,165,3693,11.5,70,1
"plymouth satellite",18,8,318,150,3436,11,70,1有人能帮我吗？非常感谢！
编辑:我去了http://d3js.org/d3.v3.min.js，弹出了这个库，所以这不是问题
回答 1
Stack Overflow用户
发布于 2016-11-02 09:38:02
我复制了两个文件：
tmp
|- index.html
|- data.csv然后我用http-server在这个文件夹上启动了一个服务器
http-server .这是在Chrome/Edge/Firefox (Windows10)上运行http://localhost:8080的结果：
为了允许d3访问data.csv，您的服务器上需要一条允许从http://whatever/data.csv下载它的路由。从文件系统打开index.html在Chrome/Edge上不起作用，但在火狐上有效。
https://stackoverflow.com/questions/40371103
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号