d3.js json()用法及代碼示例

d3.json()函數用於獲取JSON文件。如果此函數具有init參數，則將其與獲取操作一起調用。

用法:

d3.json(input[, init]);

參數：該函數接受上麵提到和下麵描述的兩個參數。

input:此參數獲取輸入文件的地址。
init:該參數具有對文件數據進行某些操作的函數。

注意：在編寫給定示例之前，請創建一個名為“sample.json”的JSON文件。

例：

HTML

<!DOCTYPE html> 
<html lang="en"> 
  
<head> 
    <meta charset="UTF-8" /> 
    <meta name="viewport" path1tent= 
        "width=device-width,   
        initial-scale=1.0" /> 
          
    <script src= 
        "https://d3js.org/d3.v4.min.js"> 
    </script> 
</head> 
  
<body> 
    <script> 
        // Data of sample.json file 
        // { 
        //     "place":"GeeksforGeeks", 
        //     "visitiors":"100M", 
        //     "target":"Client", 
        //     "source":"Server" 
        // } 
        d3.json("sample.json", function (d) { 
            console.log(d); 
        }); 
    </script> 
</body> 
  
</html>

輸出：

相關用法

注：本文由純淨天空篩選整理自tarun007大神的英文原創作品 D3.js json() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。