D3.js d3-Fetch API

D3.js 是一个用 javascript 构建的库，专门用于数据可视化。但这不仅如此，我们还可以使用 d3-Fetch API 获取不同格式的文件，例如 xml、csv、pdf 等。

导入 d3-Fetch API：

句法：

d3.csv(filelocation).then(function);

它可以获取的文件类型：

• 斑点
• 缓冲
• CSV
• DSV
• 文本
• HTML
• XML

注意：在获取文件之前创建文件是必不可少的。否则会抛出错误。

示例 1：

HTML

  

    
    
          
        
        
        
        

  

    
        d3.text("./fileName.txt").then(function (text) {
  
            // Output: This is from the FileName
            console.log(text);
        });
    

  

输出：

示例 2：

HTML

  

    
    
        
        
        
        
        
        

  

    
        d3.json("jsonFile.json").then(function (data) {
            console.log(data);
  
            // Extracting values from the data object
            const val = Object.values(data);
  
            // Extracting keys from the data object
            const key = Object.keys(data);
  
            for (let i = 0; i < val.length; i++) {
                console.log(key[i] + ": " + val[i]);
            }
        });
    

  

输出：