2

我的代码在控制台中运行,但在加载网站时却没有。

function getData() {
    var a = [];
    d3.csv("../csv/master.csv").get(function (error, rows) {
        for (var i = 0; i < rows.length; i++) {
            a.push(rows[i]);
        }
    });
    return a; 
}
a = getData();
alert(a[0].agency);

奇怪的是,变量 a 似乎是由网站加载的,我可以在控制台中调用它,但是警报会引发错误。

("Uncaught TypeError: Cannot read property 'agency' of undefined")

但是,当我在控制台中调用完全相同的警报时,它可以完美运行。

有任何想法吗?

谢谢,

乔纳斯

4

1 回答 1

4

d3.csv方法发出一个异步请求,因此在网站版本中,当您尝试访问数据时,可能尚未完全加载 csv 文件。您可能应该重新组织您的代码并将依赖于数据的逻辑放在回调函数中。您还可以在数据加载完成时触发一个事件,并让另一个对象监听该事件以开始绘图。

d3.csv('../csv/master.csv', function(error, rows) {
    // The data is available here
    alert(rows[0].agency);
});

有关docsd3.csv的更多信息。

编辑:正如@elclanrs 指出的那样,前面的代码未能解释发布的代码需要重新组织,所以我更新了答案。

于 2013-05-29T00:12:05.227 回答