無法使用javascript從CSV文件讀取數據

Question

我試圖使用javacsript從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>

csv文件如下：

max_i,min_i,max_f,min_f
-122.1430195,-122.1430195,-122.415278,37.778643
-122.1430195,-122.1430195,-122.40815,37.785034
-122.4194155,-122.4194155,-122.4330827,37.7851673
-122.4194155,-122.4194155,-122.4330827,37.7851673
-118.4911912,-118.4911912,-118.3672828,33.9164666
-121.8374777,-121.8374777,-121.8498415,39.7241178
-115.172816,-115.172816,-115.078011,36.1586877
-82.5618186,-82.5618186,-79.2274115,37.9308282
-79.9958864,-79.9958864,-80.260396,40.1787544
-74.1243063,-74.1243063,-74.040948,40.729688
-106.609991,-106.609991,-106.015897,35.640949

Answer 1

將數據輸出到表中：

<!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>

無法使用javascript從CSV文件讀取數據

問題描述

1 個解決方案

解決方案1
0 2014-06-25 19:18:27

無法使用javascript從CSV文件讀取數據

問題描述

1 個解決方案

解決方案1 0 2014-06-25 19:18:27

解決方案1
0 2014-06-25 19:18:27