title: d3 node-tooltip values multi-line
body: <pre><code>var nodeEnter = node.enter().append("g")
  .attr("class", "node")
  .attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")";  })
  .on("click", click)
  .on("mouseover",function (d){       
      if(d.name=="Purchased"){                  
          jQuery.getJSON("RequestHandler?usercommand=jsoncompany&amp;subcommand=propCount&amp;useraction=d3Tree_frm&amp;mgmtId="+d.id+"&amp;type="+d.name, function(json){
              var count=JSON.stringify(json.prop_purchased_count);                      
              result="Purchased Property :"+count;                                
          });
      }   
      var g = d3.select(this);              
      var info = g.append("text")
          .classed('info', true)
          .attr('x', 30)
          .attr('y', 30)         
          .text(result);   //result="Amount":200\n"Amount":300\n"Amount":400  
  })
  .on("mouseout", function() {      
      d3.select(this).select('text.info').remove();
  });  
  </code></pre>
  
  <p>//result="Amount":200\n"Amount":300\n"Amount":400<br>
   i want to display tooltip such that after \n it appears in a new line within that tooltip.</p>
  
  <p>How to achieve it ? </p>
  
  <p>Thanks in advance</p>