insert new line in D3 text issue

[Kim]

Hi All,

I had a hard time to insert the new character into my D3.text please help if you know the anwser.

d3text.html('abc' + '<br/>' + 'edf');

but it didn't work. The output is abcedf. 

Your help is greatly appreciated.

Kim

[Micah Stubbs]

Hi Kim!

for HTML text, this approach should work:

http://stackoverflow.com/questions/13049050/can-you-insert-a-line-break-in-text-when-using-d3-js

for SVG text however, displaying text on multiple lines is a bit more involved:

http://bl.ocks.org/mbostock/7555321

I hope that is helpful!

@micahstubbs

[Kim]

Hi Micah,

I have try this .html("test" + "<br/>" + "test") but it didn't work at all.

Any other suggestion.

Joanne

[Chris Viau]

As Micah said, <br/> works in html but not in SVG. In SVG, you can use tspan, which is not a direct equivalent: https://developer.mozilla.org/fr/docs/Web/SVG/Element/tspan You can also find d3 plugins for text wrapping, but I would encourage you to learn to use tspan.

ChrisV