Javascript Can';t在D3.js代码中加载服务器上的.csv文件

Javascript Can';t在D3.js代码中加载服务器上的.csv文件,javascript,csv,heroku,d3.js,Javascript,Csv,Heroku,D3.js,因此,以下加载.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;

因此,以下加载.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>

var最终新闻事件=[];
d3.csv(“final_news_events.csv”),函数(数据、错误){
//你可以把函数放在这里。
console.log(“data=”,data);
最终新闻事件=数据;
});
我将上述代码托管在github的第104行文件中

我还将此代码推送到heroku,并在这里建立了一个实时网站:

打开网站控制台时,会显示
data=null


从代码行
console.log(“data=,data”)
在文件new\u event\u list.html第108行中,
函数(数据,错误)
中的参数顺序错误

交换它们,事情会好得多:

  d3.csv("final_news_events.csv", function(error, data) {
但是请记住,加载仍然是一个异步操作。因此,不要将数据分配给更全局范围的变量(
final\u news\u events
),而是按照d3的所有示例所做的操作:对回调函数内的数据进行操作: