2015-09-20 71 views
0

我正在使用Django創建我的網站,並且還想合併D3.js來繪製我存儲在CSV文件中的一些數據。通常情況下,我能使用訪問CSV文件:使用Django訪問使用D3.js的CSV數據

{% static "data/values.csv" %} 

,所以如果我想將其鏈接在我的網站我會做到以下幾點:

<a href="{% static "data/values.csv" %}">CSV File</a> 

不過,在我開始圖什麼我想輸出使用JavaScript的執行console.log功能存儲在CSV文件瓦萊斯,像這樣:

<script> 
d3.csv("{% static "data/values.csv" %}", function (myArrayofObjects){ 
    myArrayofObjects.forEach(function (d){ 
     console.log(d.x + ", " + d.y); 
    }); 
}); 
</script> 

然而,在我的瀏覽器(Chrome)登錄控制檯我看到的是

10 undefined, undefined 

任何人都知道我可以解決這個問題嗎?謝謝。

編輯

感謝您的幫助,但我要仔細考慮。原來我應該鍵入:

console.log(d.Date + ", " + d.Value); 

,而不是

console.log(d.x + ", " + d.y); 

,因爲這些是我在我的CSV文件頭(或第一行)。

回答

3

我可能是錯的,但是你沒有用javascript調用csv文件中的列? csvData.getAllResponseHeaders()

<script type="text/javascript"> 
    var csvData; 
    $(document).ready(function() { 
     $("#btnGET").click(function() { 
      csvData = $.ajax({ 
       type: "GET", 
       url: "http://www.sites.com/data/sample_file.csv", 
       dataType: "text/csv", 
       success: function (result) { 
        alert(result); 
        alert("done!"+ csvData.getAllResponseHeaders()) 
       } 
      }); 
     }); 
    }) 

這應該工作,雖然你:)

+0

不客氣。如果有幫助,你是否介意我的答案? – Levi