stellen Sie sicher, d3 Datenelement entspricht ID?

Question

Ich habe eine bestehende Svg mit einer Reihe von Polygonen. Jedes Polygon hat eine eindeutige ID, und mit jeder ID habe ich einige zugehörige Daten.

Meine Frage ist: Wenn ich die natürliche d3 trete:

d3.selectAll("polygon").data(array_of_data) 

Gibt es trotzdem, um sicherzustellen, dass das Datenelement mit einem Polygon verbunden ist, ist die richtige?

Oder muss ich nur die Reihenfolge der array_of_data die gleiche wie die Reihenfolge der ausgewählten Polygone?

Answer 1

Die Funktion data() von D3 verwendet ein optionales zweites Argument, das eine solche Übereinstimmung zwischen Datums- und DOM-Knoten bereitstellen soll. Versuche das:

d3.selectAll('polygon').data(array_of_data, function(d) { return d.id; }); 

Das zweite Argument data() eine Callback-Funktion ist, die, wenn sie mit einem Nullpunkt genannt wird, den Schlüssel zurückgibt, die jeden Knoten DOM bindet an das entsprechende Datum ist. Wenn Sie keine solche Funktion bereitstellen, bleibt D3 keine andere Wahl, als den Index zum Binden des Datums an DOM-Knoten zu verwenden.