无法使用javascript从CSV文件读取数据_Javascript_Html_Csv_D3.js

无法使用javascript从CSV文件读取数据

javascript html csv d3.js

无法使用javascript从CSV文件读取数据,javascript,html,csv,d3.js,Javascript,Html,Csv,D3.js,我试图使用JavaCScript从csv文件读取数据，无论我做了什么更改，html文件都显示为空白。有人能告诉我我做错了什么吗。我从互联网上搜索基本代码，但即使这样也不行。任何帮助都将不胜感激，并使我的生活更加轻松：）…以下是代码： <!DOCTYPE html> <html> <body> <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script&g

我试图使用JavaCScript从csv文件读取数据，无论我做了什么更改，html文件都显示为空白。有人能告诉我我做错了什么吗。我从互联网上搜索基本代码，但即使这样也不行。任何帮助都将不胜感激，并使我的生活更加轻松：）…以下是代码：

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
<div id="container"></div>
<script type="text/javascript">
var dataset = []
d3.csv("data.csv", function(data) {
   dataset = data.map(function(d) { return [ +d["max_i"], +d["min_i"] ]; });
   console.log(dataset)
});
</script>


</body>
</html>

将数据输出到表中：

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
<!-- JQuery import -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
<div id="container"></div>
<script type="text/javascript">
var dataset = [];
d3.csv("data.csv", function(data) {
   dataset = data.map(function(d) { return [ +d["max_i"], +d["min_i"] ]; });

   // build a string using html table
   var tableString = "<table border=1>\
                        <thead>\
                            <tr> <td> max_i </td> <td> min_i </td> </tr>\
                        </thead>\
                        <tbody>";
   for (var i = 0; i < dataset.length; i++) {
        tableString += "<tr>";
        tableString += "<td>" + dataset[i][0] + "</td><td>" + dataset[i][1];
        tableString += "</tr>";
   };
   tableString += "</tbody></table>";

   $('#container').html(tableString);
});
</script>


</body>
</html>


var数据集=[]；
d3.csv（“data.csv”），函数（数据）{
dataset=data.map（函数（d）{return[+d[“max_i”]，+d[“min_i”]]；}）；
//使用html表构建字符串
变量表字符串=”\
\
最大值最小值\
\
";
对于（var i=0；i

您是否收到错误消息？您是否正在使用Chrome（如果是，也可以尝试其他浏览器）？完全没有错误消息，只是一个空白页面。在Mozillaie和Mozilla身上试过你有没有看过照片？看起来脚本的所有输出都将发送到控制台（因此页面实际上应该是空白的）。哦，我不知道这一点，我现在就检查一下，让您知道我没有看到任何更新html的代码。您所做的只是将CSV读入内存。@haakym..非常感谢：）…我最终想将CSV文件中的数据存储到html表中，但这似乎还有很长的路要走，因为我目前无法显示CSV文件中的数据：/。。。我尝试了您上面发送的代码，但它仍然提供了一个空白输出，假设我现在忽略d3部分，您将如何在jquery中显示从csv文件读取的数据？不用担心，很乐意提供帮助。HTML表格应该是小菜一碟，我现在就更新我的答案，我想我知道为什么它不起作用了，因为我链接到了jquery的本地副本。更新了答案，希望对你有所帮助。如果您遇到错误，请使用chrome（f12）中的javascript调试器，或者firebug适合firefox。仍然为空：/…您能告诉我“jquery的本地副本”是什么意思吗？。。。我可能会问一些非常基本的问题，但我对javascript中使用的所有api都感到困惑：/当我在chrome中打开它时，会出现以下错误：

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
<!-- JQuery import -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
<div id="container"></div>
<script type="text/javascript">
var dataset = [];
d3.csv("data.csv", function(data) {
   dataset = data.map(function(d) { return [ +d["max_i"], +d["min_i"] ]; });

   // build a string using html table
   var tableString = "<table border=1>\
                        <thead>\
                            <tr> <td> max_i </td> <td> min_i </td> </tr>\
                        </thead>\
                        <tbody>";
   for (var i = 0; i < dataset.length; i++) {
        tableString += "<tr>";
        tableString += "<td>" + dataset[i][0] + "</td><td>" + dataset[i][1];
        tableString += "</tr>";
   };
   tableString += "</tbody></table>";

   $('#container').html(tableString);
});
</script>


</body>
</html>