无法在 D3.js 代码中的服务器上加载 .csv 文件答案

【问题标题】：Can't load .csv file on server in D3.js code无法在 D3.js 代码中的服务器上加载 .csv 文件
【发布时间】：2015-04-15 15:37:54
【问题描述】：

因此，以下用于加载 .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 文件 new_event_list.html 的第 104 行

我也将此代码推送到 heroku 并在此处有一个实时网站：https://neweventdetection.herokuapp.com/

当您打开网站的控制台时，它会显示 data = null

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

【问题讨论】：

标签： javascript csv heroku d3.js

【解决方案1】：

function(data, error) 中的参数顺序错误。

交换它们，事情会变得更好：

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

但请记住，加载仍然是异步操作。因此，不要将数据分配给更全局范围的变量 (final_news_events)，而是执行 d3 的所有示例所做的事情：作用于回调函数内的数据：https://github.com/mbostock/d3/wiki/CSV

【讨论】：