Append D3 Element in Winkeldirektive

Question

Ich bin sehr neu zu d3.js und möchte diesen Code-Stift konvertieren: http://codepen.io/budelman/pen/NqZwpm fand ich zu einer Winkelrichtlinie. Ein Problem, mit dem ich konfrontiert bin, ist, dass ich in der Winkelrichtlinie nur auf ein "Element" zugreifen kann. Ich kann nicht herausfinden, wie man die div # -Textboxlegende in meinen Winkelcode einfügt.

Ich habe versucht:

// Shove the text into the div with ID #textbox    
svg.append('div') 
.attr('id','textbox') 
.select("#textbox") 
.text(string); 
}) 

Aber es funktioniert nicht. Kann mir bitte jemand in die richtige Richtung zeigen? Vielen Dank!

Answer 1

das ist, was Sie in der Original-Code haben,

.on("mouseover", function(d) { 
      //some code 

      // Shove the text into the div with ID #textbox 
      d3.select("#textbox") 
       .html("") 
       .append("text") 
       .html(string); 
     }) 

, die bedeutet, dass Sie ein leeres div mit einer id nur brauchen, und dann html in sie einfügen. Ich bin mir nicht sicher, warum Sie versuchen, zuerst die #textbox anzuhängen und dann html einzufügen. haben Sie einfach die in Ihrer Direktive. auf diese Weise können Sie unabhängig wählen Sie einfach mit d3

Answer 2

Ich erkannte, wie dumm diese Frage war. Alles, was ich brauchen, ist, indem Sie einen neuen div an das Element anzufügen:

d3.select(element[0]).append("div").attr("id","textbox");