在d3中加載后如何訪問json對象

Question

我使用d3.json加載了json對象，並將加載的json文件分配給全局變量，但是當我將全局變量打印到控制台時，它返回未定義，但是當我在chrome控制台中鍵入全局變量時，它返回了我需要的它來。 本質上，我只是想加載json對象，以便能夠在d3.json函數之外使用它。 這似乎是一個相對簡單的任務，但是我是js / d3 newby，所以對您的幫助非常感謝！

謝謝！

下面提供了代碼

    <script type = "text/javascript" source='https://d3js.org/d3.v4.min.js'>

var gapminder;

d3.json("D3_jsondata.json", function(data){
  gapminder = data;
});
//above prints in console when i type in gapminder

console.log(gapminder);//prints as 'undefined' in Chrome's console
</script>

Answer 1

調用.json（）可以為尚未加載的http響應的正文提供保證。 嘗試在json的回調中開始渲染！

Answer 2

對於d3.json ， d3.csv和d3.tsv是異步請求函數，因此console.log（）將在d3.json（）之前運行，其中“ gapminder”仍未定義 。

在console.log（）之后，它是d3.json（）的術語，您需要為json數據分配一個“ gapminder”，所以它不再是未定義的 。