提供過濾後的數據作爲輸入到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); 
    }); 

    ...