使用d3从tsv文件获取数据到javascript

Fetch data from tsv file to javascript using d3

本文关键字：数据 javascript 获取 文件 d3 tsv 使用      更新时间：2023-09-26

如何使用d3从tsv文件获取数据到javascript ?下面是pop.tsv文件，我想要计算总体的总和:

pop.tsv: 

month  |  population
-------+-------------
Jan    |  9301
Feb    |  2001
Mar    |  5002
Apr    |  7002
May    |  1243

遍历每一行，使用parseInt()将population解析为number，并将数据求和:

d3.tsv("pop.tsv", function(data) {
    var sum = 0;
    data.forEach(function(d) { 
        sum += parseInt(d.population);
    });
    console.log('total population: ' + sum);
});

演示小提琴:http://jsfiddle.net/1v46w8wa/

<!DOCTYPE html>
<meta charset="utf-8">
<body>
  <script src="d3.v3.min.js"></script>
<script>
  d3.tsv("pop.tsv", function(error, data)
  {
     var tot=0;   
     data.forEach(function(d)
     {
       d.population = +d.population;
       tot = tot + d.population;
     }) 
     document.write("Total Population is "+tot);
   });
</script>
</body>
相关文章：