使用html后，换行符在d3.js中不起作用

Question

我已尝试为linebreak实现html。仍然没有用。任何人都可以清楚这一点吗？

   d3.select('svg g.chart #countryLabel')
        .html("ID:"+d.Patient_id+" ["+d[xAxis]+","+d[yAxis]+"] ")
        .transition();

输出：

D:384 [135,63]

我想打破这个

ID:384 
[135,63] 

任何帮助将不胜感激

Answer 1

最终将其整理为

d3.select('svg g.chart #countryLabel')
    text_node = d3.select('#countryLabel')
    //.html("")
    .append('tspan')
    .text("ID:"+d.Patient_id+" ["+d[xAxis]+","+d[yAxis]+"]")
    .attr('dx', '.2em')
    text_node.append('tspan')
    .text('another line')
     .attr('dx', '.0em')
    .attr('dy', '.9em')
    text_node.append('tspan')
    .text('another line')
      .attr('dx', '.0em')
    .attr('dy', '.9em')
      .transition();