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文件new_event_list.html

中的第104行

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

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

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

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

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

1 个答案: