提供过滤后的数据作为输入到D3.js

Question

绘制线串

我目前在过滤了CSV文件中获得我的数据以这种方式

d3.csv("Viz2SampleData.csv", function(data43) 

{ 
links = []; 
data43.filter(function(d,i) 
    { 

    if (d3.select("#select-owner").node().value == "ALL" && d3.select("#select-contractor").node().value != "ALL" && d3.select("#select-launch").node().value == "ALL") 
    { 

    // for(var i=0, len=d.length-1; i<=len; i++) 
    // { 
      console.log(d.length) 
     if (d3.select("#select-contractor").node().value == d.CountryOfContractor) 
     {  
     return d; 
     } 


      ] 
     }) 

    } 



    })//closing for filter 

现在，我想提请使用下面只代码的链接对于上面根据我的条件选择的过滤数据。下面的代码在没有任何过滤器的情况下为CSV文件中的所有行绘制线串。该data43元素没有得到过滤或者我访问它在一个错误的方式

links.push({ 
      type: "LineString", 
      coordinates: [ 
       [ data43[i].OperatorOwnerLon, data43[i].OperatorOwnerLat ], 
       [ data43[i].CountryOfContractorLon, data43[i].CountryOfContractorLat ], 
       [ data43[i].lon, data43[i].lat ] 
} 

Answer 1

不能完全确定你想过滤的条件，但filter到位不修改数组。它将返回一个筛选器谓词评估为true的新项目数组。所以如果你想获得过滤的数据项目，你需要将data43.filter()的结果分配给某些东西;如果你不再关心其他结果，甚至可能再次使用data43。

此外，对于恒定的事物，最好先计算它们的值，而不是循环内部。

这是我认为你是试图完成：

d3.csv("Viz2SampleData.csv", function(data43) { 

    var links = []; 
    var selectOwner = d3.select("#select-owner").node().value; 
    var selectContractor = d3.select("#select-contractor").node().value; 

    data43 = data43.filter((d,i) => { 
    return (selectOwner === 'ALL') && (selectContractor === d.CountryOfContractor); 
    }); 

    ...