0

所以我构建了一组函数来在页面内调用。它们都驻留在一个文件“seeingPlotFunc.js”中，我称它和 html 文件正文中的一些函数。开始时声明了 dome 全局空数组，但是当调用更新它们的函数时，它们仍然返回空：

seePlotFunc.js 中的相关代码：

var seeingPlot = seeingPlot || {};

seeingPlot.jsondata1 = [];

seeingPlot.initialData = function () {
d3.json(seeingPlot.initialphp1, function(error1, data1) {
    // after getting the data it's parsed into array
    data1.forEach(function(d){
        d.date = seeingPlot.parseDate(d.date);
        d.f_tok = +d.f_tok;
        seeingPlot.jsondata1.push(d);
    })
})
}

以及html文件中的相关代码：

<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script language="javascript" type="text/javascript" 
 src="JS/seeingPlotFunc.js"></script>
 <script type="text/javascript">
 seeingPlot.initialData();
 console.log(seeingPlot.jsondata1);
</script>
</body>

它返回一个空数组。如果我在将所有数据推入数组后调用它，它会返回正确的值。我已经用这个敲了好几个小时了……

4

1 回答 1

0

我认为 d3.json 中的函数被异步调用。所以你需要等待一个回调函数，然后你才能得到你的数组。

seeingPlot.initialData = function (OnComplete) {
d3.json(seeingPlot.initialphp1, function(error1, data1) {
        // after getting the data it's parsed into array
        data1.forEach(function(d){
            d.date = seeingPlot.parseDate(d.date);
            d.f_tok = +d.f_tok;
            seeingPlot.jsondata1.push(d);
        })
        OnComplete();
    })
}

还有你的 HTML

<body>
    <script src="http://d3js.org/d3.v3.min.js"></script>
    <script language="javascript" type="text/javascript" 
     src="JS/seeingPlotFunc.js"></script>
    <script type="text/javascript">
    seeingPlot.initialData(function ()
    {
        console.log(seeingPlot.jsondata1);
    }); 
    </script>
</body>
于 2013-05-07T04:58:41.033 回答