Filterung des d3 Blasendiagramms während der Eingabe

Question

Ich versuche das Blasendiagramm zu filtern, während wir in ein Textfeld eingeben. Mit jedem Tastendruck, den wir eingeben, sollte das Blasendiagramm mit den Knoten aktualisiert werden, deren Name mit dem bisher eingegebenen Ausdruck übereinstimmt.

Dies ist, was ich versuche, aber es scheint nicht zu funktionieren. Gibt es einen anderen Weg, dies zu tun?

Answer 1

Ich glaube, dass Sie die Funktion binden müssen, die Ihr Diagramm auf das Onkeyup-Ereignis aktualisiert. Mit jquery könnte es so aussehen

d3.select("#autocompleteInput").on("keyup", drawBubble);