So wählen Sie eindeutige Werte in d3.js von Daten

Ich bin mit dem folgenden code zum füllen meiner Combobox verwenden 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;});
});

Gibt es mehrere Zeilen mit dem gleichen Namen. Das Kombinationsfeld füllen mit diesen doppelten Namen. Zum Beispiel in mehrere Zeilen ist der name der Straße ist der I-80.Aber in der combobox möchte ich sehen, der I-80, nur einmal. Wie kann ich das tun?

  • Filtern Sie die Duplikate aus den Daten vor der übergabe an D3.
  • Wie kann ich das tun. Ich lese die CSV-Datei und verwenden die Daten Lesen aus csv-Datei
InformationsquelleAutor | 2015-02-17
  1. 20

    Filtern Sie Ihre Daten speichern eindeutiger Schlüssel nur durch 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;});
    • d3.Karte(data, function(d){return d.roadname;}) ist nopt arbeiten. Keine Werte sind nun in der combobox
    • Brauche ich noch weitere Vorverarbeitung, bevor Sie mit d3.Karte(data, function(d){return d.roadname;})
    • Ich bearbeitete meinen code wie oben. Nach der Zuordnung der Daten mit d3.map, ein array von Objekten, indiziert durch roadname zurückgegeben. Extrahieren der keys() geben Sie eine clean - Liste roadnames.
    • Ich habe einige Probleme mit dem code? Einige Straßen sind nicht gezeigt in der combox. Zum Beispiel zeigt seine ich-74-aber nicht zeigen, ich-74 Illinois
    InformationsquelleAutor ahmohamed
  2. -3

    Versuchen diese:

    /* 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>
    InformationsquelleAutor Nevershowmyface
Schreibe einen Kommentar