Este é o código que gera a tag texto no svg do usando a biblioteca D3:
nodeEnter.append("text")
.attr("x", rectW / 2)
.attr("y", rectH/3)
.attr("dy", ".35em")
.attr("text-anchor", "middle")
.text(function (d) {
return d.nome + "\n"+ d.tipo;
});
retorna o array do meu objeto Json os atributos nome e tipo, ja tentei colocar o "
" e nao deu certo.
Achei uma forma que seria criando novamente outra tag texto, com a altura diferente, tipo:
nodeEnter.append("text")
.attr("x", rectW / 2)
.attr("y", rectH/3)
.attr("dy", ".35em")
.attr("text-anchor", "start")
.text(function (d) {
return d.nome ;
});
nodeEnter.append("text")
.attr("x", rectW / 2)
.attr("y", rectH/2)
.attr("dy", ".35em")
.attr("text-anchor", "start")
.text(function (d) {
return d.tipo;
});
Entao ficou do jeito que eu quero, assim:
porém queria saber se tem algum jeito de fazer essa quebra ai dentro do append
Quero quebrar a linha para ficar o nome e o tipo um debaixo do outro: