Come restituire html nella funzione di testo d3?

Question

Voglio essere in grado di tornare html dalla funzione testo come questo:

textEnter.append("tspan") 
      .attr("x", 0) 
      .text(function(d,i) { 
      return 'some text' + '<br/>' + d.someProp; 
      }) 

provato ad usare <br>, ma neppure scusata lavoro. Come ottengo questo?

Answer 1

RISPOSTA A CURA

appena notato che si sta lavorando con un tspan qui. Purtroppo non è possibile inserire interruzioni di riga in elementi di testo svg. Il testo multilinea con SVG richiede di suddividere il testo manualmente e quindi di definirlo impostando l'attributo dy. D3 rende il processo di stesura piuttosto semplice, ma richiede ancora un lavoro extra.

Maggiori informazioni nel paragrafo introduttivo qui: http://www.w3.org/TR/SVG/text.html

VECCHIO RISPOSTA (si applica se si utilizza elementi HTML, non SVG)

D3 ha un metodo separato per questo: il metodo html(), che funziona come text() ma senza caratteri maiuscoli. More info here. Quindi, abbastanza facilmente, hai solo bisogno:

textEnter.append("tspan") 
     .attr("x", 0) 
     .html(function(d,i) { 
     return 'some text' + '<br/>' + d.someProp; 
     })