CODEWITHSUNDEEP
javascriptjquerynode.jsd3.js
beDev
beDev

Reputation: 11

d3 node-tooltip values multi-line

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&subcommand=propCount&useraction=d3Tree_frm&mgmtId="+d.id+"&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();
});

//result="Amount":200\n"Amount":300\n"Amount":400
i want to display tooltip such that after \n it appears in a new line within that tooltip.

How to achieve it ?

Thanks in advance

Upvotes: 0

Views: 2711

Answers (2)

beeCoder
beeCoder

Reputation: 485

In the else part add "Amount:"+ count + "\n" while you are concatenating the newline

Upvotes: 0

Rob Schmuecker
Rob Schmuecker

Reputation: 8954

I can see result being set in the code you posted, however what we cannot see is where result is being set to get the content you are 'saying' it contains. That way we could help you interpret the application of these proven recommendations a lot better. But in anycase, have a look at these resources to help you in your quest.

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

How to dynamically display a multiline text in D3.js?

Upvotes: 1

Related Questions