使用异步方法通过按按钮更新d3.js数据

时间:2018-09-28 16:28:13

标签: javascript html d3.js

我正在按照本指南构建d3图形,只需按一下按钮即可更新数据。 http://bl.ocks.org/d3noob/7030f35b72de721622b8

在本指南中,数据为CSV,而在本例中,数据由异步函数specificoMuseo(name)返回:

async function specificoMuseo(nomeMuseo) {
        var nomeFile = "dati_musei2.csv";

        let data2 = await d3.dsv(";", nomeFile, function (d) {
            return {
                Museo: d.Museo,
                Ingresso: d.Ingresso,
                Anno: d.Anno,
                Mese: d.Mese,
                Visitatori: d.Visitatori
            };
        });
        if (nomeMuseo == "TuttiMusei") {
            return filtraggio(data2);
        }
        else {
            return filtraggioMuseo(data2, nomeMuseo);
        }
    };

由于这个原因,图的整个代码都在promise中:

specificoMuseo(name).then(proof => {

// code graph
var data = proof;
// code graph

}

指南中提供了updateData()方法,但是由于图形中的所有变量都在promise中,因此如何更新数据?

0 个答案:

没有答案