無法加載上的.csv文件服務器在D3.js代碼

Question

所以加載.csv文件下面的代碼是不工作：

<script type="text/javascript"> 
    var final_news_events = []; 
    d3.csv("final_news_events.csv", function(data, error) { 
    // You're function goes in here. 
    console.log("data = ", data); 
    final_news_events = data; 
    }); 
</script> 

我有託管在GitHub上一行104在上面的代碼文件new_event_list.html

我也推此代碼的Heroku和有一個活的網站在這裏：https://neweventdetection.herokuapp.com/

當您打開控制檯時，網站就說明data = null

來自代碼行console.log("data = ", data);的文件new_event_list.html第108行

Answer 1

您在function(data, error)中的參數順序錯誤。

交換他們和事情會好很多：

d3.csv("final_news_events.csv", function(error, data) { 

但是請記住，加載仍然是一個異步操作。因此，不要將數據分配給更具全局範圍的變量（final_news_events），請執行d3的所有示例：執行回調函數中的數據：https://github.com/mbostock/d3/wiki/CSV