Links nicht rendern, wenn Sie in D3 fantastisch fantastisch verwenden

Question

Ich baue derzeit eine App, die Github Repos mit dem d3-Layout-Beispiel von MIKE BOSTOCK GIMMENT, das hier gefunden wird: http://mbostock.github.io/d3/talk/20111018/tree.html

Ich versuche, eine font-fantastische Schrift anstelle des SVG-Kreises zu rendern, und ich glaube, dies ist der Code, der den Kreis rendern:

generasacodicetagpre.

Ich habe eine Ähnliche Frage und als ich versuchte zu verwenden Dieser Code, der es erfolgreich die Schrift-Awesome-Symbole erstellt hat, aber jetzt ist der verknüpfte Text, der jedoch gerendert wurde, aus irgendeinem Grund verborgen:

Ich habe versucht, den Code zu manipulieren, kann aber nicht herausfinden, wie Sie den Textknoten und den Link-Text auch dazu bringen, auch zu rendern.

Ich habe auch das Gefühl, dass dieser andere Code meine Anhebung beeinträchtigen und diesen Fehler verursacht. Hier ist es vollständig:

generasacodicetagpre.

Schließlich ist hier meine aktuelle Arbeits-App auf Heroku: http://github-file-tree-Generator.herokuapp.com/ < / p>

Vielen Dank im Voraus!

Answer 1

Die Textsymbole zeigen, da Sie vom DOM von dem DOM und von der Auswahl von Text erkennen, aber sie sind nahezu vollständig transparent.

.style("fill-opacity", 1e-6);== fast unsichtbar, obwohl nicht technisch verborgen ist

Einige Beispiele empfehlen die Verwendung einer Fast-Null-Deckkraft, um anklickbare, aber unsichtbare Inhalte zu erstellen (obwohl Sie die Eigenschaft der Zeiger-Ereignisse wirklich verwenden sollten).Sie müssen es zufällig kopiert haben.