Jak wybrać unikalne wartości w d3.js z danych

Question

używam następujący kod, aby wypełnić moje ComboBox przy użyciu d3.js

d3.csv("Results_New.txt", function(data) { 
dataset=data; 
d3.select("#road").selectAll("option") 
.data(data).enter().append("option").text(function(d){return d.roadname;}).attr("value",function(d){return d.roadname;}); 
}); 

Istnieją różne wiersze o tej samej nazwie. Combobox zapełnia się tymi zduplikowanymi nazwami. Na przykład w wielu wierszach nazwa drogi to I-80. Ale w combobox chcę zobaczyć I-80 tylko raz. Jak mogę to zrobić?

Answer 1

Filtrowanie danych mocujące unikatowych kluczy tylko d3.map

d3.select("#road").selectAll("option") 
    .data(d3.map(data, function(d){return d.roadname;}).keys()) 
    .enter() 
    .append("option") 
    .text(function(d){return d;}) 
    .attr("value",function(d){return d;}); 

Answer 2

Spróbuj this:

/* file.csv 
 
name_of_my_header 
 
mom 
 
dad 
 
brother 
 
sister 
 
dog 
 
*/ 
 
button.onclick = function() { 
 
    var s = d3.select("#road"); 
 
    d3.csv(prompt("URL please"), function(dataset){ 
 
     dataset.forEach(function(row) { 
 
      s.append("option").text(row["name_of_my_header"]); 
 
     }) 
 
    }) 
 
}

<select id="road"> 
 
</select> 
 
<button id="button">Is it?</button>